body {font-family: Arial,sans-serif;font-size: 14px;color: #7f828f;line-height: 1.42857; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a,a:hover,a:visited,a:focus{text-decoration: none;}
ul{margin-top: 0;display: block;}
.header-content{color: #3D4051;}
.logo-text{font-size: 24px;}
.bg-white a {color: #3D4051; }
.bg-dark{background-color: #262B33;}
.bg-dark a{color: #fafafa;}
.header-content{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.header-fixed {position: fixed;top: 0;right: 0;left: 0;z-index: 1070;}
.bg-white{background-color: #fff;}
.header-content .logo{position: absolute;height: 64px;line-height: 64px;text-align: center;transition: width 0.25s ease-in-out;width: 100%;}
.header-content .logo.bg-primary,.header-content .logo.bg-primary a{color: #fafafa;}
.header-content .logo>a{font-size: 24px;vertical-align: middle;white-space: nowrap;}
.logo .logo-icon {font-size: 20px;display: inline-block;}
.header-content .top-nav{width: 100%;height: 64px;padding: 64px 0 0;transition: padding 0.25s ease-in-out;}
.list-none{list-style: none;padding-left: 0;}
.top-nav .nav-left{float: left;}
.top-nav .nav-left,.top-nav .nav-right{padding: 0px;font-size: 16px;line-height: 20px;}
.top-nav>ul{margin-bottom: 0px;}
.nav-left>li,.nav-right>li{border-right: 1px solid rgba(255,255,255,0.06);float: left;}
.nav-left>li>a>i{font-size: 18px;    display: inline-block;}
.nav-left>li>a:hover,.nav-right>li>a:hover{background-color: rgba(158,158,158,0.2);}
.top-nav .unshow{display: none;}
img.img30_30 {width: 30px;height: 30px;}
img.img45_45 {width: 45px;height: 45px;}
img.img69_69 {width: 69px;height: 69px;}
.top-nav li>a{display: block;padding: 22px 16px;height: 64px;position: relative; min-width: 66px;text-align: center;}
.nav-right>li.nav-profile>a{padding: 17px 15px;}
.nav-right>li.nav-profile .hidden-xs{padding-right: 8px;font-weight: 500; font-size: 14px;}
.main-content{position: relative;min-height: 100%;padding-bottom: 0px; padding-top: 128px;}
.main-content .nav-content{position: fixed;top:128px;bottom: 0px;float: none;width: 220px;    transition: width 0.25s ease-in-out;    z-index: 11;display: none;}
.nav-vertical {box-shadow: 2px 0 2px 0 rgba(0,0,0,0.12); }
.left-menu>li {
    position: relative;
    margin: 0;
    text-align: left;
    font-weight: bold;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    display: block;
}
.left-menu>li>a{
    position: relative;
    white-space: nowrap;
    display: block;
    padding: 15px 15px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.bg-dark .left-menu a {
    color: #ccc;
    color: rgba(255,255,255,0.5);
}
.left-menu a {
    font-size: 13px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.left-menu>li>a>i {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.left-menu>li.active>a, .left-menu ul>li.active>a {
    color: rgba(255,255,255,0.8);
}
.menu-divider{
    border-color: #1b1f24;
    margin: 10px 0 10px 15px;
    border-width: 1px;
    border-style: solid;
}
.user-panel{
    padding: 10px;
}
.user-panel:after {
    display: table;
    content: " ";
}
.user-panel:after {
    clear: both;
}
.user-panel > .info {
    font-weight: 600;
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    line-height: 1;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
}
.user-panel > .info a{color: rgba(255,255,255,0.8); font-size: 12px;}
.search-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    margin: 10px 10px;
    background-color: #fafafa;
}
.search-form input[type="text"]{
    box-shadow: none;
    background-color: #fafafa;
    border: none;
    height: 35px;
}
.search-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}
.search-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
}
.search-form .btn {
    box-shadow: none;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    height: 35px;
}
.nav-content.bg-dark:before {
    box-shadow: inset -1px 0 1px rgba(0,0,0,0.3);
}
.left-menu>li>a>.icon-has-ul {
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 9px;
    line-height: 19px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nav-content.bg-dark .left-menu ul {
    background-color: #1f242a;
}
.nav-content ul {
    padding-left: 0;
    list-style: none;
}
.nav-content .left-menu ul li {
    position: relative;
    padding: 0;
}
.nav-content .left-menu ul li>a:first-child {
    border-top: none;
}
.nav-content .left-menu ul li>a {
    position: relative;
    display: block;
    border-left: 1px solid rgba(255,255,255,0.5);
    margin-left: 25px;
    padding: 13px 0 13px 8px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.nav-content .left-menu ul li>a>i {
    font-size: 4px;
    line-height: 16px;
    vertical-align: middle;
    position: absolute;
    left:-6px;
    color: #8F9194;
}
.nav-content .left-menu ul li>a>.badge {
    position: absolute;
    right: 8px;
    top: 12px;
}
.badge-info {
    background-color: #68DEBB;
}
.badge-primary {
    background-color: #80DAE5;
}
.badge-success {
    background-color: #CADB47;
}
.badge-warning {
    background-color: #FF8441;
}
.badge-danger {
    background-color: #F6565A;
}
.badge-alert {
    background-color: #FFC42A;
}
.badge-system {
    background-color: #675F99;
}
.badge-dark {
    background-color: #363C56;
}
.nav-content .left-menu ul {
    display: none;
}
.nav-content.bg-dark .left-menu>li:hover>a {
    background-color: transparent;
    color: rgba(255,255,255,0.8);
}
.nav-content.bg-dark .left-menu ul>li:hover>a{
    color: rgba(255,255,255,0.8);
    background-color: rgba(158,158,158,0.2);
}

.collapsed-min>.logo .logo-text {display: none;}
.main-content>.collapsed-min{width: 60px;}
.main-content>.collapsed-min .user-info,.main-content>.collapsed-min .nav-title{display: none;}
.nav-content .left-menu .nav-title{    margin: 15px 15px 10px;    font-weight: normal;font-size: 12px;    color: #666;}
.nav-content .left-menu>li.li-sm {
    font-size: 12px;
    font-weight: normal;
}
.color-info, a.color-info {
    color: #00BCD4;
}
.nav-content .left-menu>li.li-sm>a>i {
    font-size: 12px;
}
.nav-content .left-menu>li.li-sm>a {
    padding: 10px 15px;
}
.color-success, a.color-success {
    color: #8BC34A;
}
.color-danger, a.color-danger {
    color: #F44336;
}
.main-content>.collapsed-min .left-menu>li.li-sm>a>i{font-size: 12px;}
.dropdown-menu.with-arrow.panel {
    border: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.header-content .dropdown-menu.with-arrow.panel {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.header-content .dropdown-menu.panel {
    padding: 0;
    white-space: nowrap;
}
.dropdown-menu.with-arrow.panel-default:before {
    border-bottom: 8px solid #e2edeb;
}
.dropdown-menu.with-arrow:before {
    content: " ";
    position: absolute;
    left: 12px;
    top: -16px;
    border: 8px solid transparent;
    border-bottom: 8px solid rgba(0,0,0,0.15);
}
.panel-default>.panel-heading,.panel-primary>.panel-heading,.panel-warning>.panel-heading,.panel-success>.panel-heading,.panel-info>.panel-heading,.panel-dark>.panel-heading,.panel-danger>.panel-heading {
    color: #3D4051;
    background-color: #F2F7F7;
    border-color: #e2edeb;
    padding: 10px 15px;
}
.main-content:before{
    content: " ";
    line-height: 0;
    z-index: -2;
    position: absolute;
    display: block;
    width: 100%;
    max-width: inherit;
    top: 0;
    bottom: 0;
    background-color: #efefef;
    box-shadow: 0 -2px 2px rgba(0,0,0,0.2);}
.page .panel-default>.panel-heading{background-color: #fff;}
.dropdown-menu .checkbox-inline label{font-weight: normal;}
.nav-right ul.dropdown-menu{right: 0px;left:auto;  }
.nav-right ul.dropdown-menu:before{
    right: 12px;
    left: auto;
    content: " ";
    position: absolute;
    top: -16px;
    border: 8px solid transparent;
    border-bottom: 8px solid rgba(0,0,0,0.15);
}
.nav-right ul.dropdown-menu:after{
    right: 13px;
    left: auto;
    content: " ";
    position: absolute;
    top: -14px;
    border: 7px solid transparent;
    border-bottom: 7px solid #fff;
}
.dropdown-menu>li>a{
    text-align: left;
}
.dropdown-menu>li i{
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.content{
    overflow: hidden;
    min-height: 100%;
    margin-left: 0;
    -webkit-transition: margin-left 0.25s ease-in-out;
    -moz-transition: margin-left 0.25s ease-in-out;
    transition: margin-left 0.25s ease-in-out;

}
.jppage {
    padding: 15px 10px;
}
.panel {
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.dk-panel{
    margin-bottom: 20px;
    background-color: #2c323c;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.panel-default {
    border-color: #e2edeb;
}
.p-card{
    position: relative;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.05);
    margin-bottom: 1.25rem;
}
.p-card-block {
    padding: 1.25rem;
}
.p-card .p-card-title {
    font-size: 1.25rem;
    margin-bottom: .625rem;
    font-weight: 600;
}
.p-card .p-card-content .p-card-title {
    line-height: 48px;
}
.p-card .p-card-title {
    font-size: 24px;
}
.center{
    text-align: center;
}
.p-card .btn{    border-radius: 1em;}
.p-card .btn-primary{    background-color: #039BE5;}
.panel-box{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    border: none;
}
.panel-top{
    height: 100px;
    padding: 30px 15px;
    font-size: 40px;
    line-height: 1;
}
.panel-box .panel-top {
    padding: 18px 20px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.color-warning, a.color-warning {
    color: #FFCA28;
}
.color-danger, a.color-danger {
    color: #F44336;
}
.panel-info {
    border-color: #c5f1fa;
}
.panel-box {
    position: relative;
    border-radius: 2px;
}
 .panel-box .panel-info {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -12px;
    text-align: center;
}
 .panel-box .panel-info span {
    height: 54px;
     line-height: 46px;
     position: relative;
     top: -16px;
    display: inline-block;
    padding: 4px 10px;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    font-size: 11px;
    color: #777;
    border-radius: 200px;
}
.panel-box .panel-bottom {
    border-top: 1px solid #dfdfdf;
}
.panel-box .panel-bottom {
    padding: 10px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.panel-box .panel-bottom {
    height: 100px;
    padding: 30px 15px;
    font-size: 40px;
    line-height: 1;
}
.panel-box .bg-light {
    background-color: #f9f9f9;
}
.section-header {
    font-weight: normal;
    font-size: 34px;
    line-height: 40px;
    color: #009688;
    margin: 30px 0;
}
.jp-default{

    color: rgb(33,33,33);
    background-color: rgb(250,250,250);

}
.jp-default:hover{
    background-color:#D2D2D2;
}
.jp-sw:not([disabled]),.btn-group.open .jp-sw.dropdown-toggle:not([disabled]){
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
.jp-sw,.btn-group.open .jp-sw.dropdown-toggle{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.jp-w{
    min-width: 135px;
}
.divider {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}
.jp-primary,a.jp-primary,a.btn.jp-primary{
    color: rgb(255,255,255);
    background-color:#80DAE5;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.text-primary{
    color:#80DAE5;
}
.jp-primary:hover,a.jp-primary:hover,a.btn.jp-primary:hover{
    background-color:#4ECCDB;
    border-color: transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-success,a.jp-success,a.btn.jp-success{
    color: rgb(255,255,255);
    background-color:#CADB47;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;

}
.jp-success:hover,a.jp-success:hover,a.btn.jp-success:hover{
    background-color:#AEBF25;
    border-color: transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-info,a.jp-info,a.btn.jp-info{
    color: rgb(255,255,255);
    background-color:#68DEBB;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-info:hover,a.jp-info:hover,a.btn.jp-info:hover{
    background-color:#36D2A5;
    border-color: transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-warning,a.jp-warning,a.btn.jp-warning{
    color: rgb(255,255,255);
    background-color:#FF8441;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-warning:hover,a.jp-warning:hover,a.btn.jp-warning:hover{
    background-color:#FF5C03;
    border-color: transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-danger,a.jp-danger,a.btn.jp-danger{
    color: rgb(255,255,255);
    background-color:#F6565A;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-danger:hover,a.jp-danger:hover,a.btn.jp-danger:hover{
    background-color:#F41C20;
    border-color: transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-alert,a.jp-alert,a.btn.jp-alert{
    color: rgb(255,255,255);
    background-color:#FFC42A;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-alert:hover,a.jp-alert:hover,a.btn.jp-alert:hover{
    background-color:#EBAB00;
    border-color: transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-system,a.jp-system,a.btn.jp-system{
    color: rgb(255,255,255);
    background-color:#675F99;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-system:hover,a.jp-system:hover,a.btn.jp-system:hover{
    background-color:#4D4773;
    border-color: transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-dark,a.jp-dark,a.btn.jp-dark{
    color: rgb(255,255,255);
    background-color:#363C56;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-dark:hover,a.jp-dark:hover,a.btn.jp-dark:hover{
    background-color:#1E2230;
    border-color: transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-btn,a.jp-btn{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
}
.panel .panel-label {
    color: #ccc;
    position: absolute;
    bottom: 5px;
    left: 7px;
}
.panel-body:after {
    clear: both;
}
.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}
.panel.panel-labeled {
    position: relative;
}
.jp-btn.jp-fb,a.jp-btn.jp-fb,.jp-btn.jp-fb:focus,a.jp-btn.jp-fb:focus,.jp-btn.jp-fb:active,a.jp-btn.jp-fb:active,.jp-btn.jp-fb:visited,a.jp-btn.jp-fb:visited,.jp-btn.jp-fb:hover,a.jp-btn.jp-fb:hover {
    font-size: 20px;
    padding: 0;
    z-index: 20;
    line-height: 56px;
    min-width: 0;
    border: none;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    transition: all .3s cubic-bezier(.55,0,.55,.2);
    transition-property: background-color,box-shadow,-webkit-transform;
    transition-property: background-color,box-shadow,transform;
    outline:none;
}
.jp-btn.jp-fb.jp-fb-xs {
    font-size: 14px;
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
}
.jp-btn.jp-fb.jp-fb-sm {
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.btn-group>.jp-btn {
    position: relative;
    float: left;
}
.btn-group>.jp-btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group>.jp-btn:first-child {
    margin-left: 0;
}
.btn-group>.jp-btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group .jp-btn+.jp-btn, .btn-group .jp-btn+.btn-group, .btn-group .btn-group+.jp-btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
.btn-group>.jp-btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group-vertical>.jp-btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical>.jp-btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.jp-btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}
.btn-group-vertical>.jp-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.btn-group-vertical>.jp-btn+.jp-btn, .btn-group-vertical>.jp-btn+.btn-group, .btn-group-vertical>.btn-group+.jp-btn, .btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.jp-btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-group-vertical>.btn-group>.jp-btn {
    float: none;
}
.btn-icon-sm {
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.btn-icon {
    padding: 0;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-twitter {
    color: #fff;
    background-color: #00c7f7;
    border-color: #00c7f7;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
    color: #fff;
    text-decoration: none;
    background-color: #00a6ce;
    border-color: #0096ba;
}
.btn-facebook{
    color: #fff;
    background-color: #335397;
    border-color: #335397;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
    color: #fff;
    text-decoration: none;
    background-color: #294279;
    border-color: #243a69;
}
.btn-google{
    color: #fff;
    background-color: #dd4a38;
    border-color: #dd4a38;
}
.btn-google:hover, .btn-google:focus, .btn-google:active {
    color: #fff;
    text-decoration: none;
    background-color: #ca3522;
    border-color: #b8301f;
}
.btn-pinterest{
    color: #fff;
    background-color: #D73532;
    border-color: #D73532;
}
.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active {
    color: #fff;
    text-decoration: none;
    background-color: #bc2725;
    border-color: #ab2421;
}
.btn-instagram {
    color: #fff;
    background-color: #82685A;
    border-color: #82685A;
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
    color: #fff;
    text-decoration: none;
    background-color: #6a5549;
    border-color: #5e4b41;
}
.btn-rss {
    color: #fff;
    background-color: #F79638;
    border-color: #F79638;
}
.btn-rss:hover, .btn-rss:focus, .btn-rss:active {
    color: #fff;
    text-decoration: none;
    background-color: #f58111;
    border-color: #e87709;
}
.btn-tumblr {
    color: #fff;
    background-color: #586980;
    border-color: #586980;
}
.btn-linkedin {
    color: #fff;
    background-color: #018FAF;
    border-color: #018FAF;
}
.btn-dribbble {
    color: #fff;
    background-color: #EA73A0;
    border-color: #EA73A0;
}
.btn-youtube {
    color: #fff;
    background-color: #CC181E;
    border-color: #CC181E;
}
.btn-github {
    color: #fff;
    background-color: #3B3B3B;
    border-color: #3B3B3B;
}
.btn-skype {
    color: #fff;
    background-color: #00B0F6;
    border-color: #00B0F6;
}
.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active {
    color: #fff;
    text-decoration: none;
    background-color: #475568;
    border-color: #3f4b5c;
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active {
    color: #fff;
    text-decoration: none;
    background-color: #016e86;
    border-color: #015d72;
}
.btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active {
    color: #fff;
    text-decoration: none;
    background-color: #e55088;
    border-color: #e23e7c;
}
.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active {
    color: #fff;
    text-decoration: none;
    background-color: #a71419;
    border-color: #951216;
}
.btn-github:hover, .btn-github:focus, .btn-github:active {
    color: #fff;
    text-decoration: none;
    background-color: #272727;
    border-color: #1c1c1c;
}
.btn-skype:hover, .btn-skype:focus, .btn-skype:active {
    color: #fff;
    text-decoration: none;
    background-color: #0093cd;
    border-color: #0084b9;
}
.btn-icon-round {
    border-radius: 50%;
}
.btn-drupal{
    color: #fff;
    text-decoration: none;
    background-color: #3598DB;
    border-color: #e23e7c;
}
.btn-drupal:hover, .btn-drupal:focus, .btn-drupal:active {
    color: #fff;
    text-decoration: none;
    background-color: #35A8DB;
    border-color: #e23e7c;
}
.btn-firefox{
    color: #fff;
    text-decoration: none;
    background-color: #C1392B;
    border-color: #e23e7c;
}
.btn-firefox:hover, .btn-firefox:focus, .btn-firefox:active {
    color: #fff;
    text-decoration: none;
    background-color: #C9592B;
    border-color: #e23e7c;
}
.btn-github-alt{
    color: #fff;
    text-decoration: none;
    background-color: #FF983B;
    border-color: #e23e7c;
}
.btn-github-alt:hover, .btn-github-alt:focus, .btn-github-alt:active {
    color: #fff;
    text-decoration: none;
    background-color: #FFA82B;
    border-color: #e23e7c;
}
.btn-google-plus{
    color: #fff;
    text-decoration: none;
    background-color: #00AEEF;
    border-color: #e23e7c;
}
.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active {
    color: #fff;
    text-decoration: none;
    background-color: #00EEEF;
    border-color: #e23e7c;
}
.jp-w-xs {
    min-width: 80px;
}
.jp-w-sm {
    min-width: 100px;
}
.jp-w-md {
    min-width: 135px;
}
.jp-w-lg {
    min-width: 160px;
}
.jp-btn[disabled] {
    background-color: transparent;
    color: rgba(0,0,0,0.26) !important;
    font-weight: bold;
}
.p-card .p-card-content{
    padding: 20px;
    border-radius: 0 0 2px 2px;
}
.p-card .p-card-action {
    border-top: 1px solid rgba(0,0,0,0.05);
    padding: 20px;
}
.p-card .p-card-action>a {
    margin-right: 20px;
    text-transform: uppercase;
}
.color-primary, a.color-primary {
    color: #009688;
}
.box1{
    line-height: 1.42857;
    margin: 0 0 10px;
}
.box1 span{
    display: block;
    height: 80px;
    font-size: 1.5em;
    line-height: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box1:hover span{
    font-size: 3em;
    color: #009688;
}
.table.table-demo tr:first-child td {
    border-top: 0;
}
.table.table-demo .type-info {
    vertical-align: middle;
}
.table .type-info {
    color: #767676;
    vertical-align: middle;
}
.panel-min{

}
.panel.panel-min .panel-heading {
    background: none;
    border: 0;
}
.panel.panel-card .panel-heading {
    background: none;
    border-bottom-width:1px ;
    border-bottom-style: dashed;
}
.panel-primary,.panel-primary>.panel-heading,.blockquote-primary,.blockquote-primary.pull-right,.jp-b-primary,.panel-primary.panel-border {
    border-color: #80DAE5;
}
.jp-b-primary{
    background-color: #f3faf3;
}
.jp-callout.jp-b-primary h4{
    color:#4ECCDB;
}
.jp-bs-success .half-circle{
    border-color: #CADB47;
    border-bottom-color:transparent;
}
.panel-success,.panel-success>.panel-heading,.blockquote-success,.blockquote-success.pull-right,.jp-b-success,.panel-success.panel-border {
    border-color: #CADB47;
}
.jp-callout.jp-b-success h4{
    color:#AEBF25;
}
.jp-b-success{
    background-color: #f3faf3;
}
.panel-info,.panel-info>.panel-heading,.blockquote-info,.blockquote-info.pull-right,.jp-b-info,.panel-info.panel-border {
    border-color: #68DEBB;
}
.jp-callout.jp-b-info h4{
    color:#36D2A5;
}
.jp-bs-info .half-circle{
    border-color: #68DEBB;
    border-bottom-color:transparent;
}
.jp-b-info{
    background-color: #f3faf3;
}
.panel-warning,.panel-warning>.panel-heading,.blockquote-warning,.blockquote-warning.pull-right,.jp-b-warning,.panel-warning.panel-border {
    border-color: #FF8441;
}
.jp-bs-warning .half-circle{
    border-color: #FF8441;
    border-bottom-color:transparent;
}
.jp-b-warning{
    background-color: #f3faf3;
}
.jp-callout.jp-b-warning h4{
    color:#FF5C03;
}
.panel-danger,.panel-danger>.panel-heading,.blockquote-danger,.blockquote-danger.pull-right,.jp-b-danger,.panel-danger.panel-border {
    border-color: #F6565A;
}
.jp-bs-danger .half-circle{
    border-color: #F6565A;
    border-bottom-color:transparent;
}
.jp-b-danger{
    background-color: #f3faf3;
}
.jp-callout.jp-b-danger h4{
    color:#F41C20;
}
.panel-alert,.panel-alert>.panel-heading,.blockquote-alert,.blockquote-alert.pull-right,.jp-b-alert,.panel-alert.panel-border{
    border-color: #FFC42A;
}
.jp-bs-alert .half-circle{
    border-color: #FFC42A;
    border-bottom-color:transparent;
}
.jp-b-alert{
    background-color: #f3faf3;
}
.jp-callout.jp-b-alert h4{
    color:#EBAB00;
}
.panel-system,.panel-system>.panel-heading,.blockquote-system,.blockquote-system.pull-right,.jp-b-system,.panel-system.panel-border {
    border-color: #675F99;
}
.jp-bs-system .half-circle{
    border-color: #675F99;
    border-bottom-color:transparent;
}
.jp-b-system{
    background-color: #f4f8fa;
}
.jp-callout.jp-b-system h4{
    color:#4D4773;
}
.panel-dark,.panel-dark>.panel-heading,.blockquote-dark,.blockquote-dark.pull-right,.jp-b-dark,.panel-dark.panel-border{
    border-color: #363C56;
}
.jp-bs-dark .half-circle{
    border-color: #363C56;
    border-bottom-color:transparent;
}
.jp-b-dark{
    background-color: #FAF3F3;
}
.jp-callout.jp-b-system h4{
    color:#1E2230;
}
.dropcap{
    font-size: 3.1em;
}
.dropcap, .dropcap-square, .dropcap-circle {
    display: block;
    float: left;
    font-weight: normal;
    line-height: 36px;
    margin-right: 6px;
    text-shadow: none;
}
.highlight{
    border-radius: 2px;
    padding: 2px 5px;
}
.dk-panel .icheck label{
    color: #7a828b;
    background: #2c323c;
}
.panel .icheck label{
    color: #444;
    padding-left: 10px;
}
.list li{
    padding: 10px 0;
}
.jpswitch{
    cursor: pointer;
    position: relative;
    padding-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
    height: 26px;
}
.jpswitch > input:checked + label {
    background: transparent;
    padding-left: 33px;
}
.jpswitch > label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 25px;
    width: 58px;
    color: #b9bbc5;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    background: #e7e8ea;
    border: 1px solid #C5C5C5;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow:0px 0px 3px #d1d2d4 inset;
    -webkit-box-shadow:0px 0px 3px #d1d2d4 inset;
    box-shadow:0px 0px 10px 1px #C5C5C5 inset,-1px 0px 5px 5px #fff inset,0px 0px 4px 2px #C5C5C5 inset;
}
.jpswitch > input{
    -webkit-appearance: none;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    left: 0;
    top: 0;
}
.jpswitch > input:checked + label:before {
    content: attr(data-on);
    left: 1px;
    top: 2px;
    color: #363C56;
}
.jpswitch > label:before {
    content: attr(data-off);
    position: absolute;
    z-index: 0;
    top: 2px;
    right: 3px;
    width: 33px;
    -webkit-transition: all 0.3s ;
    -moz-transition:all 0.3s ;
    -o-transition:all 0.3s;
    transition:all 0.3s;
    font-size: 12px;
}
.ui-slider-horizontal {
    height: 2px;
}

.ui-slider {
    position: relative;
    text-align: left;
}
.ui-widget-content{
    border: none;
    background: none;
    color: #333;
}
.slider-primary .ui-slider-range {
    background-color: #67d3e0;
}
.slider-primary .ui-slider .ui-slider-handle {
    border-color: #67d3e0;
}
.ui-slider .ui-slider-range {
    background-size: 16px 16px;
    background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
    background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 17px;
    cursor: default;
    background: #fff;
    border: 2px solid #e5eaee !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -ms-touch-action: none;
    touch-action: none;
    margin-top: -3px;
    outline: none;
}
.slider-primary .ui-slider .ui-slider-handle:before {
    background-color: #67d3e0;
}
.ui-slider .ui-slider-handle:before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    z-index: 2;
    left: 3px;
    top: 3px;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #aaa;
}
.ui-slider{
    background: #E5E5E5;
    position: relative;
}

.slider-info .ui-slider-range {
    background-color: #4fd8b0;
}
.slider-warning .ui-slider-range{
    background-color: #ff7022;
}
.slider-system .ui-slider-range {
    background-color: #5a5386;
}
.slider-success .ui-slider-range {
    background-color: #c3d62d;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.jpswitch > input:checked + label:after {
    margin: 0px;
    width: 23px;
    height: 23px;
    background: #fff;
}
.jpswitch > label:after {
    position: relative;
    z-index: 1;
    content: "";
    margin: 0px;
    width: 23px;
    height: 23px;
    display: block;
    background: #fff;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow:0px -1px 2px #1D1D1D inset,0px 0px 3px 3px #fff inset,0px -3px 3px 5px #e3e5e4 inset;
    -webkit-box-shadow:0px -1px 2px #1D1D1D inset,0px 0px 3px 3px #fff inset,0px -3px 3px 5px #e3e5e4 inset;
    box-shadow:0px -1px 2px #1D1D1D inset,0px 0px 3px 3px #fff inset,0px -3px 3px 5px #e3e5e4 inset;
}
.jpswitch.jpswitch-large> label{
    width: 100px;
    height: 43px;
}
.jpswitch.jpswitch-large> label:after{
    width: 42px;
    height: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
}
.jpswitch.jpswitch-large > input:checked + label:after {
    margin: 0px;
    width: 42px;
    height: 42px;
    background: #fff;
}
.jpswitch.jpswitch-large > input:checked + label {
    background: transparent;
    padding-left: 57px;
}
.jpswitch.jpswitch-large > label:before {

    font-size: 18px;
    width: 57px;
    line-height: 38px;
    height: 38px;
}

.jpswitch.jpswitch-small> label{
    width: 39px;
    height: 17px;
}
.jpswitch.jpswitch-small> label:after{
    width: 16px;
    height: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
.jpswitch.jpswitch-small > input:checked + label:after {
    margin: 0px;
    width:16px;
    height: 16px;
    background: #fff;
}
.jpswitch.jpswitch-small > input:checked + label {
    background: transparent;
    padding-left: 21px;
}
.jpswitch.jpswitch-small > label:before {
    content: "";
    top:4px;
    left: 4px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
.jpswitch.jpswitch-small > input:checked + label:before {
    content: "";
    background: rgb(0,188,212);
    top:4px;
    left: 4px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
.jp-input,.jp-select,.jp-select>select,.jp-textarea,.jp-i-select>select{
    outline: 1px solid transparent;
    -webkit-transition: outline-color 0.5s ease;
    transition: outline-color ease 0.5s;
    position: relative;
    vertical-align: top;
    border: 1px solid #DDD;
    display: -moz-inline-stack;
    display: inline-block;
    color: #626262;
    outline: none;
    height: 42px;
    width: 100%;
}
.prepend-icon>input{
    padding-left: 36px;
}
.jp-input:hover,.jp-input:focus,.jp-select > select:hover,.jp-textarea:hover{
    border-color: #67d3e0 !important;

}
.jp-input:focus,.jp-select > select:focus{
    border-width: 2px;
}
.prepend-icon .jp-icon {
    left: 0;
}
.jp-icon {
    top: 0;
    z-index: 4;
    width: 42px;
    height: 42px;
    color: inherit;
    line-height: 42px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
}
.prepend-icon,.append-icon {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
}
.append-icon > input {
    padding-right: 36px;
    padding-left: 10px;
}
.append-icon .jp-icon {
    right: 0;
}
.jp-icon i {
    color: #67d3e0;
    position: relative;
}
.jp-input {
    padding: 10px;
}
.jp-input[disabled],.jp-select>select[disabled],.jp-textarea[disabled]{
    background-color: #f4f6f6;
    border-color: #d5dbdb!important;
    cursor: default;
    color: #d5dbdb;
    opacity: 0.7;
}
.jp-select > select[disabled] {
    color: #aaa !important;
}

input[disabled] ~ .jp-icon i{
    opacity: 0.4;
}
.jp-select{
    border: 0;
    z-index: 10;
    background: #FFF;
}
.jp-select>select{
    outline: 1px solid transparent;
    -webkit-transition: outline-color 0.5s ease;
    transition: outline-color ease 0.5s;
    display: block;
    z-index: 10;
    margin: 0;
    padding: 9px 10px;
    color: #626262;
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #FFF;
    border: 1px solid #DDD;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: normal;
}
.jp-i-select>select{
    outline: 1px solid transparent;
    -webkit-transition: outline-color 0.5s ease;
    transition: outline-color ease 0.5s;
    display: block;
    z-index: 10;
    margin: 0;
    padding: 9px 10px;
    color: #626262;
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #FFF;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #DDD;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: normal;
}
.jp-select .arrow,.jp-i-select .arrow{
    pointer-events: none;
    position: absolute;
    top: 9px;
    right: 4px;
    width: 24px;
    height: 24px;
    color: #9F9F9F;
    z-index: 100;
}
.jp-select .arrow:after, .jp-select .arrow:before , .jp-i-select .arrow:before{
    content: '';
    position: absolute;
    font: 12px "Consolas", monospace;
    font-style: normal;
    pointer-events: none;
    display: none\9;
    left: 5px;
}
.jp-select .arrow:before,.jp-i-select .arrow:before {
    content: '\25BC';
    bottom: 4px;
}
.jp-select .double:before,.jp-i-select .double:before {
    content: '\25BC';
    bottom: -1px;
}
.jp-select .double:after,.jp-i-select .double:after{
    content: '\25B2';
    top: -1px;
}
.jp-select > select[disabled] + .arrow,.jp-i-select > select[disabled] + .arrow {
    opacity: 0.4;
}
.prepend-icon > textarea {
    padding-left: 36px;
}
.jp-textarea {
    resize: none;
    padding: 10px;
    line-height: 19px;
    overflow: auto;
    max-width: 100%;
    height: 96px;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    outline: none;
}
.jp-textarea:focus{
    height: 120px;
}
.typeahead-field input.jp-input{
    display: inline-block;
    height: 42px;
}
.typeahead-container{
    z-index: 100;
}
.typeahead-container button.typeahead-filter-button{
    height: 42px;
}
.typeahead-result .avatar img {
    height: 26px;
    width: 26px;
}
.size-h4{
    font-size: 18px;
}
.size-h3{
    font-size: 24px;
}
.size-h2{
    font-size: 30px;
}
.size-h1{
    font-size: 36px;
}
.wysihtml5-toolbar i[class^="icon-"],i[class*=" icon-"]{display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em;}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;}
.wysihtml5-toolbar i.icon-white{background-image:url("../img/glyphicons-halflings-white.png");}
.wysihtml5-toolbar i.icon-glass{background-position:0 0;}
.wysihtml5-toolbar i.icon-music{background-position:-24px 0;}
.wysihtml5-toolbar i.icon-search{background-position:-48px 0;}
.wysihtml5-toolbar i.icon-envelope{background-position:-72px 0;}
.wysihtml5-toolbar i.icon-heart{background-position:-96px 0;}
.wysihtml5-toolbar i.icon-star{background-position:-120px 0;}
.wysihtml5-toolbar i.icon-star-empty{background-position:-144px 0;}
.wysihtml5-toolbar i.icon-user{background-position:-168px 0;}
.wysihtml5-toolbar i.icon-film{background-position:-192px 0;}
.wysihtml5-toolbar i.icon-th-large{background-position:-216px 0;}
.wysihtml5-toolbar i.icon-th{background-position:-240px 0;}
.wysihtml5-toolbar i.icon-th-list{background-position:-264px 0;}
.wysihtml5-toolbar i.icon-ok{background-position:-288px 0;}
.wysihtml5-toolbar i.icon-remove{background-position:-312px 0;}
.wysihtml5-toolbar i.icon-zoom-in{background-position:-336px 0;}
.wysihtml5-toolbar i.icon-zoom-out{background-position:-360px 0;}
.wysihtml5-toolbar i.icon-off{background-position:-384px 0;}
.wysihtml5-toolbar i.icon-signal{background-position:-408px 0;}
.wysihtml5-toolbar i.icon-cog{background-position:-432px 0;}
.wysihtml5-toolbar i.icon-trash{background-position:-456px 0;}
.wysihtml5-toolbar i.icon-home{background-position:0 -24px;}
.wysihtml5-toolbar i.icon-file{background-position:-24px -24px;}
.wysihtml5-toolbar i.icon-time{background-position:-48px -24px;}
.wysihtml5-toolbar i.icon-road{background-position:-72px -24px;}
.wysihtml5-toolbar i.icon-download-alt{background-position:-96px -24px;}
.wysihtml5-toolbar i.icon-download{background-position:-120px -24px;}
.wysihtml5-toolbar i.icon-upload{background-position:-144px -24px;}
.wysihtml5-toolbar i.icon-inbox{background-position:-168px -24px;}
.wysihtml5-toolbar i.icon-play-circle{background-position:-192px -24px;}
.wysihtml5-toolbar i.icon-repeat{background-position:-216px -24px;}
.wysihtml5-toolbar i.icon-refresh{background-position:-240px -24px;}
.wysihtml5-toolbar i.icon-list-alt{background-position:-264px -24px;}
.wysihtml5-toolbar i.icon-lock{background-position:-287px -24px;}
.wysihtml5-toolbar i.icon-flag{background-position:-312px -24px;}
.wysihtml5-toolbar i.icon-headphones{background-position:-336px -24px;}
.wysihtml5-toolbar i.icon-volume-off{background-position:-360px -24px;}
.wysihtml5-toolbar i.icon-volume-down{background-position:-384px -24px;}
.wysihtml5-toolbar i.icon-volume-up{background-position:-408px -24px;}
.wysihtml5-toolbar i.icon-qrcode{background-position:-432px -24px;}
.wysihtml5-toolbar i.icon-barcode{background-position:-456px -24px;}
.wysihtml5-toolbar i.icon-tag{background-position:0 -48px;}
.wysihtml5-toolbar i.icon-tags{background-position:-25px -48px;}
.wysihtml5-toolbar i.icon-book{background-position:-48px -48px;}
.wysihtml5-toolbar i.icon-bookmark{background-position:-72px -48px;}
.wysihtml5-toolbar i.icon-print{background-position:-96px -48px;}
.wysihtml5-toolbar i.icon-camera{background-position:-120px -48px;}
.wysihtml5-toolbar i.icon-font{background-position:-144px -48px;}
.wysihtml5-toolbar i.icon-bold{background-position:-167px -48px;}
.wysihtml5-toolbar i.icon-italic{background-position:-192px -48px;}
.wysihtml5-toolbar i.icon-text-height{background-position:-216px -48px;}
.wysihtml5-toolbar i.icon-text-width{background-position:-240px -48px;}
.wysihtml5-toolbar i.icon-align-left{background-position:-264px -48px;}
.wysihtml5-toolbar i.icon-align-center{background-position:-288px -48px;}
.wysihtml5-toolbar i.icon-align-right{background-position:-312px -48px;}
.wysihtml5-toolbar i.icon-align-justify{background-position:-336px -48px;}
.wysihtml5-toolbar i.icon-list{background-position:-360px -48px;}
.wysihtml5-toolbar i.icon-indent-left{background-position:-384px -48px;}
.wysihtml5-toolbar i.icon-indent-right{background-position:-408px -48px;}
.wysihtml5-toolbar i.icon-facetime-video{background-position:-432px -48px;}
.wysihtml5-toolbar i.icon-picture{background-position:-456px -48px;}
.wysihtml5-toolbar i.icon-pencil{background-position:0 -72px;}
.wysihtml5-toolbar i.icon-map-marker{background-position:-24px -72px;}
.wysihtml5-toolbar i.icon-adjust{background-position:-48px -72px;}
.wysihtml5-toolbar i.icon-adjust{background-position:-48px -72px;}
.wysihtml5-toolbar i.icon-tint{background-position:-72px -72px;}
.wysihtml5-toolbar i.icon-edit{background-position:-96px -72px;}
.wysihtml5-toolbar i.icon-share{background-position:-120px -72px;}
.wysihtml5-toolbar i.icon-check{background-position:-144px -72px;}
.wysihtml5-toolbar i.icon-move{background-position:-168px -72px;}
.wysihtml5-toolbar i.icon-step-backward{background-position:-192px -72px;}
.wysihtml5-toolbar i.icon-fast-backward{background-position:-216px -72px;}
.wysihtml5-toolbar i.icon-backward{background-position:-240px -72px;}
.wysihtml5-toolbar i.icon-play{background-position:-264px -72px;}
.wysihtml5-toolbar i.icon-pause{background-position:-288px -72px;}
.wysihtml5-toolbar i.icon-stop{background-position:-312px -72px;}
.wysihtml5-toolbar i.icon-forward{background-position:-336px -72px;}
.wysihtml5-toolbar i.icon-fast-forward{background-position:-360px -72px;}
.wysihtml5-toolbar i.icon-step-forward{background-position:-384px -72px;}
.wysihtml5-toolbar i.icon-eject{background-position:-408px -72px;}
.wysihtml5-toolbar i.icon-chevron-left{background-position:-432px -72px;}
.wysihtml5-toolbar i.icon-chevron-right{background-position:-456px -72px;}
.wysihtml5-toolbar i.icon-plus-sign{background-position:0 -96px;}
.wysihtml5-toolbar i.icon-minus-sign{background-position:-24px -96px;}
.wysihtml5-toolbar i.icon-remove-sign{background-position:-48px -96px;}
.wysihtml5-toolbar i.icon-ok-sign{background-position:-72px -96px;}
.wysihtml5-toolbar i.icon-question-sign{background-position:-96px -96px;}
.wysihtml5-toolbar i.icon-info-sign{background-position:-120px -96px;}
.wysihtml5-toolbar i.icon-screenshot{background-position:-144px -96px;}
.wysihtml5-toolbar i.icon-remove-circle{background-position:-168px -96px;}
.wysihtml5-toolbar i.icon-ok-circle{background-position:-192px -96px;}
.wysihtml5-toolbar i.icon-ban-circle{background-position:-216px -96px;}
.wysihtml5-toolbar i.icon-arrow-left{background-position:-240px -96px;}
.wysihtml5-toolbar i.icon-arrow-right{background-position:-264px -96px;}
.wysihtml5-toolbar i.icon-arrow-up{background-position:-289px -96px;}
.wysihtml5-toolbar i.icon-arrow-down{background-position:-312px -96px;}
.wysihtml5-toolbar i.icon-share-alt{background-position:-336px -96px;}
.wysihtml5-toolbar i.icon-resize-full{background-position:-360px -96px;}
.wysihtml5-toolbar i.icon-resize-small{background-position:-384px -96px;}
.wysihtml5-toolbar i.icon-plus{background-position:-408px -96px;}
.wysihtml5-toolbar i.icon-minus{background-position:-433px -96px;}
.wysihtml5-toolbar i.icon-asterisk{background-position:-456px -96px;}
.wysihtml5-toolbar i.icon-exclamation-sign{background-position:0 -120px;}
.wysihtml5-toolbar i.icon-gift{background-position:-24px -120px;}
.wysihtml5-toolbar i.icon-leaf{background-position:-48px -120px;}
.wysihtml5-toolbar i.icon-fire{background-position:-72px -120px;}
.wysihtml5-toolbar i.icon-eye-open{background-position:-96px -120px;}
.wysihtml5-toolbar i.icon-eye-close{background-position:-120px -120px;}
.wysihtml5-toolbar i.icon-warning-sign{background-position:-144px -120px;}
.wysihtml5-toolbar i.icon-plane{background-position:-168px -120px;}
.wysihtml5-toolbar i.icon-calendar{background-position:-192px -120px;}
.wysihtml5-toolbar i.icon-random{background-position:-216px -120px;}
.wysihtml5-toolbar i.icon-comment{background-position:-240px -120px;}
.wysihtml5-toolbar i.icon-magnet{background-position:-264px -120px;}
.wysihtml5-toolbar i.icon-chevron-up{background-position:-288px -120px;}
.wysihtml5-toolbar i.icon-chevron-down{background-position:-313px -119px;}
.wysihtml5-toolbar i.icon-retweet{background-position:-336px -120px;}
.wysihtml5-toolbar i.icon-shopping-cart{background-position:-360px -120px;}
.wysihtml5-toolbar i.icon-folder-close{background-position:-384px -120px;}
.wysihtml5-toolbar i.icon-folder-open{background-position:-408px -120px;}
.wysihtml5-toolbar i.icon-resize-vertical{background-position:-432px -119px;}
.wysihtml5-toolbar i.icon-resize-horizontal{background-position:-456px -118px;}
a.btn{
    color: #3D4051;
}
.fade.in {
    opacity: 1;
}
.modal.fade.in {
    position: fixed;
    top: 50%;
}
.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -ms-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;

}

.fade {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
}
.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}
.modal-header .close {
    margin-top: 2px;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.modal-body {
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
}
.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}
.modal-footer:before, .modal-footer:after {
    display: table;
    content: "";
}
.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal {
    position: fixed;
    top: 50%;
    bottom: auto;
    z-index: 1050;
    overflow: auto;

    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.bootstrap-wysihtml5-insert-image-modal.modal,.bootstrap-wysihtml5-insert-link-modal.modal{
    width: 100%;
    margin: 0;
    left:0;
    padding-right: 0px !important;
}
.bootstrap-wysihtml5-insert-link-modal .checkbox input[type=checkbox]{
    margin-left: 0px;

}
.modal{
    margin: 0;
    left: 0;
    width: 100%;
}
.icheckbox_square-blue,.iradio_square-blue{
    position: relative;
}
.checkbox span{
    font-size: 12px;
    font-weight:normal;
}
.jp-input.input-small,.jp-input.input-mini{
    height: 32px;
}
.img40_40{
    width:40px;
    height:40px;
}
.h-fill{
    height: 100%;
}
.jp-ripple{
    position: relative;
    overflow:hidden;
}

.jp-ripple-effect{
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background:rgba(255,255,255,0.6);
    animation: jp-ripple-animation 2s;
}
.jp-gray > .jp-ripple-effect{
    background:rgba(90,90,90,0.6);
}
.panel>.panel-heading.jp-gray{
    color:#3D4051;
}
@keyframes jp-ripple-animation {
    from {
        transform: scale(1);
        opacity: 0.4;
    }
    to {
        transform: scale(100);
        opacity: 0;
    }
}
.jp-i-group {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 18px 0;
    vertical-align: middle;
    width: 100%;
}
.jp-list-item{
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    height: auto;
    position: relative;
    padding: 0 16px;
}
.jp-list-item p{
    margin: 0;
    line-height: 1.42857;
    color: #3D4051;
}
.jp-i-group label{
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto;
    -webkit-order: 1;
    color: rgba(0,0,0,0.5);
    -ms-flex-order: 1;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;
    -webkit-transform: translate3d(0,28px,0) scale(1);
    transform: translate3d(0,28px,0) scale(1);
    transition: -webkit-transform cubic-bezier(.25,.8,.25,1) .25s;
    transition: transform cubic-bezier(.25,.8,.25,1) .25s;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    font-weight: normal;
}
.jp-i-group .jp-i-input,.tlen,.jp-i-group .jp-i-select>select {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: 0 0;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left;
    outline: none;
}
.jp-i-input{
    border-color: rgba(0,0,0,0.12);
}
.jp-i-group.jp-i-primary .jp-i-input,.jp-i-group.jp-i-primary .jp-i-select>select,.jp-input.jp-i-primary{
    border-color: rgba(128, 218, 229, 0.5);
}
.jp-i-group.jp-i-primary label{
    color: rgba(128, 218, 229, 0.49);
}
.jp-i-group.jp-i-primary.jp-i-focus label,.jp-i-group.jp-i-primary .len_div{
    color:rgba(128, 218, 229, 1);
}
.jp-i-group.jp-i-primary .jp-i-input:hover,.jp-i-group.jp-i-primary .jp-i-select>select:hover,.jp-input.jp-i-primary:hover,.jp-i-group.jp-i-primary:hover input[type='file']+.jp-i-input{
    border-color: rgba(128, 218, 229, 1);
}

.jp-i-group.jp-i-success .jp-i-input,.jp-i-group.jp-i-success .jp-i-select>select,.jp-input.jp-i-success{
    border-color: rgba(202, 219, 71, 0.5);
}
.jp-i-group.jp-i-success.jp-i-focus label,.jp-i-group.jp-i-success .len_div{
    color:#CADB47;
}
.jp-i-group.jp-i-success label{
    color: rgba(202, 219, 71, 0.49);
}
.jp-i-group.jp-i-success.jp-i-focus .jp-i-input,.jp-i-group.jp-i-success.jp-i-focus .jp-i-input:focus{
    border-color: #CADB47;
}
.jp-i-group.jp-i-success .jp-i-input:hover,.jp-i-group.jp-i-success .jp-i-select>select:hover,.jp-input.jp-i-success:hover,.jp-i-group.jp-i-success:hover input[type='file']+.jp-i-input{
    border-color: #CADB47;
}

.jp-i-group.jp-i-info .jp-i-input,.jp-i-group.jp-i-info .jp-i-select>select,.jp-input.jp-i-info{
    border-color:  rgba(104, 222, 187, 0.5);
}
.jp-i-group.jp-i-info.jp-i-focus label,.jp-i-group.jp-i-info .len_div{
    color:#68DEBB;
}
.jp-i-group.jp-i-info label{
    color: rgba(104, 222, 187, 0.49);
}
.jp-i-group.jp-i-info.jp-i-focus .jp-i-input,.jp-i-group.jp-i-info.jp-i-focus .jp-i-input:focus{
    border-color: #68DEBB;
}
.jp-i-group.jp-i-info .jp-i-input:hover,.jp-i-group.jp-i-info .jp-i-select>select:hover,.jp-input.jp-i-info:hover,.jp-i-group.jp-i-info:hover input[type='file']+.jp-i-input{
    border-color: #68DEBB;
}



.jp-i-group.jp-i-warning .jp-i-input,.jp-i-group.jp-i-warning .jp-i-select>select,.jp-input.jp-i-warning{
    border-color:  rgba(255, 132, 65, 0.5);
}
.jp-i-group.jp-i-warning.jp-i-focus label,.jp-i-group.jp-i-warning .len_div{
    color:#FF8441;
}
.jp-i-group.jp-i-warning label{
    color:rgba(255, 132, 65, 0.49);
}
.jp-i-group.jp-i-warning.jp-i-focus .jp-i-input,.jp-i-group.jp-i-warning.jp-i-focus .jp-i-input:focus{
    border-color:#FF8441;
}
.jp-i-group.jp-i-warning .jp-i-input:hover,.jp-i-group.jp-i-warning .jp-i-select>select:hover,.jp-input.jp-i-warning:hover,.jp-i-group.jp-i-warning:hover input[type='file']+.jp-i-input{
    border-color: #FF8441;
}



.jp-i-group.jp-i-danger .jp-i-input,.jp-i-group.jp-i-danger .jp-i-select>select,.jp-input.jp-i-danger{
    border-color:  rgba(246, 86, 90, 0.5);
}
.jp-i-group.jp-i-danger.jp-i-focus label,.jp-i-group.jp-i-danger .len_div{
    color:#F6565A;
}
.jp-i-group.jp-i-danger label{
    color:rgba(246, 86, 90, 0.49);
}
.jp-i-group.jp-i-danger.jp-i-focus .jp-i-input,.jp-i-group.jp-i-danger.jp-i-focus .jp-i-input:focus{
    border-color:#F6565A;
}
.jp-i-group.jp-i-danger .jp-i-input:hover,.jp-i-group.jp-i-danger .jp-i-select>select:hover,.jp-input.jp-i-danger:hover,.jp-i-group.jp-i-danger:hover input[type='file']+.jp-i-input{
    border-color: #F6565A;
}



.jp-i-group.jp-i-alert .jp-i-input,.jp-i-group.jp-i-alert .jp-i-select>select,.jp-input.jp-i-alert{
    border-color:  rgba(255, 196, 42, 0.5);
}
.jp-i-group.jp-i-alert.jp-i-focus label,.jp-i-group.jp-i-alert .len_div{
    color:#FFC42A;
}
.jp-i-group.jp-i-alert label{
    color:rgba(255, 196, 42, 0.49);
}
.jp-i-group.jp-i-alert.jp-i-focus .jp-i-input,.jp-i-group.jp-i-alert.jp-i-focus .jp-i-input:focus{
    border-color:#FFC42A;
}
.jp-i-group.jp-i-alert .jp-i-input:hover,.jp-i-group.jp-i-alert .jp-i-select>select:hover,.jp-input.jp-i-alert:hover,.jp-i-group.jp-i-alert:hover input[type='file']+.jp-i-input{
    border-color: #FFC42A;
}


.jp-i-group.jp-i-system .jp-i-input,.jp-i-group.jp-i-system .jp-i-select>select,.jp-input.jp-i-system{
    border-color:  rgba(103, 95, 153, 0.5);
}
.jp-i-group.jp-i-system.jp-i-focus label,.jp-i-group.jp-i-system .len_div{
    color:#675F99;
}
.jp-i-group.jp-i-system label{
    color:rgba(103, 95, 153, 0.49);
}
.jp-i-group.jp-i-system.jp-i-focus .jp-i-input,.jp-i-group.jp-i-system.jp-i-focus .jp-i-input:focus{
    border-color:#675F99;
}
.jp-i-group.jp-i-system .jp-i-input:hover,.jp-i-group.jp-i-system .jp-i-select>select:hover,.jp-input.jp-i-system:hover,.jp-i-group.jp-i-system:hover input[type='file']+.jp-i-input{
    border-color: #675F99;
}


.jp-i-group.jp-i-dark .jp-i-input,.jp-i-group.jp-i-dark .jp-i-select>select,.jp-input.jp-i-dark{
    border-color:  rgba(54, 60, 86, 0.5);
}
.jp-i-group.jp-i-dark.jp-i-focus label,.jp-i-group.jp-i-dark .len_div{
    color:#363C56;
}
.jp-i-group.jp-i-dark label{
    color:rgba(54, 60, 86, 0.49);
}
.jp-i-group.jp-i-dark.jp-i-focus .jp-i-input,.jp-i-group.jp-i-dark.jp-i-focus .jp-i-input:focus{
    border-color:#363C56;
}
.jp-i-group.jp-i-dark .jp-i-input:hover,.jp-i-group.jp-i-dark .jp-i-select>select:hover,.jp-input.jp-i-dark:hover,.jp-i-group.jp-i-dark:hover input[type='file']+.jp-i-input{
    border-color: #363C56;
}



.jp-i-group .jp-i-input:focus,.tlen{
    border-bottom-width: 2px;
}
.jp-i-input:focus,.tlen{
    border-color: #67d3e0;
}
.jp-i-input:hover,.tlen,.jp-i-select>select:hover{
    border-color: #67d3e0;
}
.jp-i-group.jp-i-focus label{
    transform: translate3d(0,6px,0) scale(.75);
    -webkit-transform: translate3d(0,6px,0) scale(.75);
    color:rgb(0,150,136);
    margin-bottom: 0px;
}
textarea.jp-i-input{
    overflow: hidden;
    min-height: 26px;
    resize: none;
}
.tlen{
    resize: none;
    visibility: hidden;
    min-height: 26px;
    word-break: break-all;
    position: absolute;
    top: -100px;
    left: 0px;
}
.len_div{
    float: right;
    min-height: 24px;
    min-width: 1px;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    transition: all .3s cubic-bezier(.55,0,.55,.2);
    opacity: 1;
    margin-top: 0;
    padding-top: 5px;
    color:#67d3e0;
}
.jp-list-action .bcheck,.jp-list-action-h .bcheck,.jp-list-action .showbox,.jp-list-action-h .showbox{
    position: absolute;
    top: 50%;
    right: 16px;
    margin: 0 0 0 16px;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    z-index: 100;
    font-size: 24px;
    color: rgba(0,0,0,0.54);
}
.jp-list-action-h .jp-list-item:hover{background-color: rgba(158,158,158,0.2);}
.jp-list-icon{
    display: inline-block;
    font-size: 24px;
    margin-right: 32px;
    color: rgba(0,0,0,0.54);
}
.modal.fade{
    padding-right: 0px !important;
}
.modal.fade .modal-dialog{
    width: 100%;
}
.panel.panel-labeled .panel-body{
    padding: 35px 15px;
}
.list-group-item{
    border-color: #f3f3f3;
}
.list-group-item.active,.list-group-item.active:hover{
    z-index: 2;
    color: #fff;
    background-color: #80DAE5;
    border-color: #eff2f7;
}
.img64_64{
    width:64px;
    height:64px;
}
.media-list.media-divider-full .media {
    border-bottom: 1px solid #e2edeb;
}
.media-list.media-divider-inset .media-body {
    border-bottom: 1px solid #e2edeb;
}
.bg-info .media{
    color: #fff;
}
.ui-sortable{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ui-sortable li{
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 10px 10px;
    text-decoration: none;
    border: 1px solid #e2edeb;
    background: #fff;
    cursor: move;
    border-radius: 2px;
    padding-left: 1.5em;

}
#sortable li span {
    position: absolute;
    margin-left: -1.3em;
}
.ui-sortable li.ui-state-highlight{
    border: 1px solid #fcefa1;
    background-color: #fbf9ee;
    color: #363636;
}
.ui-sortable li.ui-sortable-helper{
    color: #fff;
    background-color: #80DAE5;
    border-color: #eff2f7;
}
div.jp-callout{
    margin: 20px 0;
    padding: 20px;
    border-left-width: 3px;
    border-left-style: solid;
}
.static-tooltips,.static-popovers{
    position: relative;
    padding: 45px 15px 15px;
}
.static-tooltips .tooltip{
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1;
}
.static-popovers .popover{
    position: relative;
    display: block;
    float: left;
    width: 260px;
    margin: 20px;
}
.tab-pane p{
    padding: 10px;
}
.jph-item {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.jph-item a {
    color: #333;
}
.jph-item img{width: 100%;height: 100%;border-radius: 2px;}
.jph-item .info-mask {
    content: '';
    position: absolute;
    top: -25%;
    left: 0;
    right: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.jph-item .info-content {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.jph-item a:hover .info-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.jph-item .info-content:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -0.5em;
}
.jph-item .info-content .info-inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.jph-item .info-content .info-inner h3 {
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
}
.jph-item .info-content .info-inner p {
    font-style: italic;
    font-size: 12px;
    color: #eee;
}
.jph-item a:hover .info-mask {
    opacity: .8;
    -webkit-transform: scale(1.31);
    -moz-transform: scale(1.31);
    -ms-transform: scale(1.31);
    -o-transform: scale(1.31);
    transform: scale(1.31);
}
.progress-circular{
    font-size: 11px;
    text-indent: -99999em;
    margin: 5em auto;
    position: relative;
    width: 80px;
    height: 80px;
}
.progress-circular.lg-circular{
    width: 120px;
    height: 120px;
}
.progress-circular.normal-circular{
    width: 80px;
    height: 80px;
}
.progress-circular.lg-circular .half-circle{
    border-width:10px;
}
.progress-circular.sm-circular .half-circle{
    border-width:5px;
}
.progress-circular.sm-circular{
    width: 32px;
    height: 32px;
}
.progress-circular .before{
    background: #fff;
    top: 0px;
}
.progress-circular .after,.progress-circular .before{
    position: absolute;
    overflow: hidden;

}
.progress-circular .after{
    background: #fff;
    top: 0px;

}
.half-circle{
    position:absolute;top:0;box-sizing:border-box;border-width:8px;border-style:solid;border-bottom-color:transparent;border-radius:50%;
}
.progress-circular .after .half-circle{
    right:0;border-left-color:transparent;
}
.progress-circular .before .half-circle{
    left:0;border-right-color:transparent;
}
.jp-bs-primary .half-circle{
    border-color: #80DAE5;
    border-bottom-color:transparent;

}
.nowvalue{
    position: absolute;
    z-index: 10;
    text-indent: 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    display: table;
}
.nowvalue span{
    display: table-cell;
    vertical-align: middle;
}
.divider{
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}
.divider.divider-dashed{
    border: 1px dashed #e2edeb;
}
.tab-vertical{
    position: relative;
    padding: 0 0 0 30%;
}
.tab-vertical .tab-content{
    border: 1px solid #ddd;
    border-radius: 0 2px 2px 0;
}
.tab-vertical .nav-tabs{
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    background-color: #F2F7F7;
    border-width: 1px 0 1px 1px;
    border-radius: 2px 0 0 2px;
    border-color: #ddd;
    border-style: solid;
}
.tab-vertical .nav-tabs>li {
    width: 100%;
    float: none;
    border-bottom: 1px solid #ddd;
    margin: 0;
}
.tab-vertical .nav-tabs>li.active>a{
    border-bottom:none;
}
.tab-vertical .nav-tabs>li>a {
    display: block;
}
.tab-vertical .nav-tabs>li>a:hover,.tab-vertical .nav-tabs>li.active>a:hover{
    background-color:#fff;
    border: none;
    color: rgba(0,0,0,0.54);
}
.tab-vertical .nav-tabs>li.active>a {
    margin-right: -1px;
}
.tab-vertical .nav-tabs>li.active>a {
    color: #009688;
}
.tab-vertical .nav-tabs a {
    color: #3D4051;
}
.tab-vertical .nav-tabs>li>a {
    margin: 0;
    border: 0;
    padding: 15px 15px;
    font-weight: bold;
    border-radius: 0;
}
.tab-vertical .nav-tabs>li:last-child {
    border-bottom: 0;
}
.label {
    padding: .5em .8em;
}
.panel-heading .panel-title>a {
    display: block;
    padding: 15px;
    font-size: 14px;
}
.panel-group .panel-default>.panel-heading{
    padding: 0;
    background-color: #F2F7F7;
}
.divider-md{
    margin-top: 20px;
    margin-bottom: 20px;
}
.alert-warning {
    background-color: #ff8a4b;
}
.alert{
    color: #ffffff;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 20px;
    border: 0;
    border-radius: 3px;
}
.alert-warning.dark {
    background-color: #ff6613;

}
.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}
.alert-warning.pastel .close {
    color: #d44b00;
}
.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    right: -19px;
    color: #FFF;
    opacity: 0.75;
}
.alert-warning.light {
    background-color: #ffa26f;
}
.alert-warning.pastel {
    color: #d44b00;
    background-color: #ffd3bb;
    border-color: rgba(0, 0, 0, 0.1);
}
.alert-primary.pastel {
    color: #2abed0;
    background-color: #e6f8fa;
    border-color: rgba(0, 0, 0, 0.1);
}
.alert-primary {
    background-color: #89dde7;
}
.alert-primary.light {
    background-color: #a7e5ed;
}
.alert-primary.dark {
    background-color: #5acfdd;
}
.alert-info.pastel {
    color: #28b38a;
    background-color: #ccf4e8;
    border-color: rgba(0, 0, 0, 0.1);
}
.alert-info {
    background-color: #70dfbf;
}
.alert-info.light {
    background-color: #8ee6cc;
}
.alert-info.dark {
    background-color: #42d5aa;
}
.alert-success.pastel {
    color: #8b991e;
    background-color: #e8efad;
    border-color: rgba(0, 0, 0, 0.1);
}
.alert-success {
    background-color: #cddd4f;
}
.alert-success.light {
    background-color: #d5e26d;
}
.alert-success.dark {
    background-color: #b9cc28;
}
.alert-alert.pastel {
    color: #be8900;
    background-color: #ffe6a4;
    border-color: rgba(0, 0, 0, 0.1);
}
.alert-alert {
    background-color: #ffc734;
}
.alert-alert.light {
    background-color: #ffd158;
}
.alert-alert.dark {
    background-color: #fbb600;
}
.alert-danger.pastel {
    color: #d70b0f;
    background-color: #fccbcc;
    border-color: rgba(0, 0, 0, 0.1);
}
.alert-danger {
    background-color: #f76063;
}
.alert-danger.light {
    background-color: #f98284;
}
.alert-danger.dark {
    background-color: #f42a2f;
}
.alert-system.pastel {
    color: #3a3657;
    background-color: #ada9c9;
    border-color: rgba(0, 0, 0, 0.1);
}
.alert-system {
    background-color: #6b639f;
}
.alert-system.light {
    background-color: #8079ac;
}
.alert-system.dark {
    background-color: #544d7d;
}
.alert-dark.pastel, .alert-dark.light {
    color: #515b82;
    background-color: #bbc0d4;
}
.alert-dark {
    background-color: #4d577b;
}
.alert-dark.dark {
    background-color: #383e59;
}
.alert-default.pastel, .alert-default.light {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.15);
}
.alert-default {
    color: #888;
    background-color: #fafafa;
}
.alert-default.dark {
    background-color: #f0f0f0;
}
.pr10 {
    padding-right: 10px !important;
}
.alert-default .close{
    color: #000;
}
.media-heading {
    font-size: 14px;
    color: #2a2f43;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
}
.media {
    color: #7B7B7B;
    font-weight: normal;
    margin-top: 15px;
}
.media-body {
    line-height: 1.5;
}
.pick-check{
    position: relative;
    display: inline-block;
}
.pick-check input[type='radio']{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 0;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.pick-check input[type='checkbox']{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 0;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.pick-check .pick-view{
    border: 1px solid #DDD;
    padding: 8px 15px;
    color: #009688;
    font-size: 12px;
    font-weight: bold;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check .pick-view span{
    color: #fff;
    opacity: 0;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    font-weight: normal;
    -webkit-transform: rotate(-100deg);
    -moz-transform: rotate(-100deg);
    -ms-transform: rotate(-100deg);
    -o-transform: rotate(-100deg);
    transform: rotate(-100deg);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check .pick-view:before{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    content: '';
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check input[type='radio']:checked+.pick-view,.pick-check input[type='checkbox']:checked+.pick-view{
    border-color: #F6565A;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.pick-check input[type='radio']:checked+.pick-view:before,.pick-check input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #FF8441;
    border-left: 20px solid transparent;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-success input[type='radio']:checked+.pick-view,.pick-check.pick-success input[type='checkbox']:checked+.pick-view{
    border-color: #AEBF25;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-success input[type='radio']:checked+.pick-view:before,.pick-check.pick-success input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #C3D62D;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.pick-check.pick-default input[type='radio']:checked+.pick-view,.pick-check.pick-default input[type='checkbox']:checked+.pick-view{
    border-color: #F2F2F2;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-default input[type='radio']:checked+.pick-view:before,.pick-check.pick-default input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #FAFAFA;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-dark input[type='radio']:checked+.pick-view,.pick-check.pick-dark input[type='checkbox']:checked+.pick-view{
    border-color: #1E2230;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-dark input[type='radio']:checked+.pick-view:before,.pick-check.pick-dark input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #363C56;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-primary input[type='radio']:checked+.pick-view,.pick-check.pick-primary input[type='checkbox']:checked+.pick-view{
    border-color: #4ECCDB;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-primary input[type='radio']:checked+.pick-view:before,.pick-check.pick-primary input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #80DAE5;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-info input[type='radio']:checked+.pick-view,.pick-check.pick-info input[type='checkbox']:checked+.pick-view{
    border-color: #36D2A5;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-info input[type='radio']:checked+.pick-view:before,.pick-check.pick-info input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #68DEBB;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-warning input[type='radio']:checked+.pick-view,.pick-check.pick-warning input[type='checkbox']:checked+.pick-view{
    border-color: #FF5C03;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-warning input[type='radio']:checked+.pick-view:before,.pick-check.pick-warning input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #FF8441;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-danger input[type='radio']:checked+.pick-view,.pick-check.pick-danger input[type='checkbox']:checked+.pick-view{
    border-color: #F41C20;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-danger input[type='radio']:checked+.pick-view:before,.pick-check.pick-danger input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #F6565A;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-alert input[type='radio']:checked+.pick-view,.pick-check.pick-alert input[type='checkbox']:checked+.pick-view{
    border-color: #EBAB00;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-alert input[type='radio']:checked+.pick-view:before,.pick-check.pick-alert input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #FFC42A;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-system input[type='radio']:checked+.pick-view,.pick-check.pick-system input[type='checkbox']:checked+.pick-view{
    border-color: #4D4773;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check.pick-system input[type='radio']:checked+.pick-view:before,.pick-check.pick-system input[type='checkbox']:checked+.pick-view:before{
    border-bottom: 20px solid #675F99;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.pick-check input[type='radio']:checked+.pick-view span,.pick-check input[type='checkbox']:checked+.pick-view span{
    opacity: 1;
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    transform: rotate(-7deg);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.ribbon-pannel,.jp-panel,.jp-panel-carousel {
    margin: 10px 0 20px 0;
    background-color: #fff;

    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
    position: relative;
}
.ribbon-pannel,.jp-panel{
    border: 1px solid transparent;
}
.jp-panel{
    border-radius: 4px;
}
.ribbon-default{
    border-color: #e2edeb;
}
.ribbon-pannel>.panel-heading{
    color: #3D4051;
    background-color: #F2F7F7;
    border-color: #e2edeb;
}
.ribbon-pannel .ribbon-wrap{
    position: absolute;
    overflow: hidden;
    width: 85px;
    height: 88px;
    top: -3px;
    right: -3px;
    z-index: 10;
}
.ribbon-pannel .ribbon-wrap .ribbon{
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    line-height: 20px;
    background-color: #555;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.ribbon-pannel.ribbon-dark .ribbon-wrap .ribbon{
    background-color: #2A2F43;
}
.ribbon-pannel.ribbon-dark .ribbon-wrap .ribbon:after,.ribbon-pannel.ribbon-dark .ribbon-wrap .ribbon:before{
    border-top: 2px solid #2A2F43;
}
.ribbon-pannel.ribbon-primary .ribbon-wrap .ribbon{
    background-color: #67D3E0;
}
.ribbon-pannel.ribbon-primary .ribbon-wrap .ribbon:after,.ribbon-pannel.ribbon-primary .ribbon-wrap .ribbon:before{
    border-top: 2px solid #67D3E0;
}
.ribbon-pannel.ribbon-success .ribbon-wrap .ribbon{
    background-color: #C3D62D;
}
.ribbon-pannel.ribbon-success .ribbon-wrap .ribbon:after,.ribbon-pannel.ribbon-success .ribbon-wrap .ribbon:before{
    border-top: 2px solid #C3D62D;
}
.ribbon-pannel.ribbon-info .ribbon-wrap .ribbon{
    background-color: #4FD8B0;
}
.ribbon-pannel.ribbon-info .ribbon-wrap .ribbon:after,.ribbon-pannel.ribbon-info .ribbon-wrap .ribbon:before{
    border-top: 2px solid #4FD8B0;
}
.ribbon-pannel.ribbon-warning .ribbon-wrap .ribbon{
    background-color: #FF7022;
}
.ribbon-pannel.ribbon-warning .ribbon-wrap .ribbon:after,.ribbon-pannel.ribbon-warning .ribbon-wrap .ribbon:before{
    border-top: 2px solid #FF7022;
}
.ribbon-pannel.ribbon-danger .ribbon-wrap .ribbon{
    background-color: #F5393D;
}
.ribbon-pannel.ribbon-danger .ribbon-wrap .ribbon:after,.ribbon-pannel.ribbon-danger .ribbon-wrap .ribbon:before{
    border-top: 2px solid #F5393D;
}
.ribbon-pannel.ribbon-alert .ribbon-wrap .ribbon{
    background-color: #FFBC0B;
}
.ribbon-pannel.ribbon-alert .ribbon-wrap .ribbon:after,.ribbon-pannel.ribbon-alert .ribbon-wrap .ribbon:before{
    border-top: 2px solid #FFBC0B;
}
.ribbon-pannel.ribbon-system .ribbon-wrap .ribbon{
    background-color: #5A5386;
}
.ribbon-pannel.ribbon-system .ribbon-wrap .ribbon:after,.ribbon-pannel.ribbon-system .ribbon-wrap .ribbon:before{
    border-top: 2px solid #5A5386;
}
.ribbon-pannel:hover .ribbon-wrap .ribbon{
    left: 0px;
    top: 10px;
    -webkit-transform: scale(0.8) rotate(45deg);
    -moz-transform: scale(0.8) rotate(45deg);
    -ms-transform: scale(0.8) rotate(45deg);
    -o-transform: scale(0.8) rotate(45deg);
    transform: scale(0.8) rotate(45deg);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.ribbon-pannel .ribbon-wrap .ribbon:before{
    left: 0;
    bottom: -1px;
}
.ribbon-pannel .ribbon-wrap .ribbon:after{
    right: 0;
}
.ribbon-pannel .ribbon-wrap .ribbon:after,.ribbon-pannel .ribbon-wrap .ribbon:before{
    position: absolute;
    content: " ";
    line-height: 0;
    border-top: 2px solid #555;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    bottom: -2px;
}
.jp-panel.panel-primary>.panel-heading,.jp-panel>.panel-heading{
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: auto;
    line-height: 24px;
    padding: 0;
}
.jp-panel.panel-warning > .panel-heading > .panel-title {
    color: #ff7022;
}
.jp-panel.panel-system > .panel-heading > .panel-title {
    color: #5a5386;
}
.panel-primary > .panel-heading{
    color: #67d3e0;
    background-color: #67d3e0;
    border-color: #43c9d9;
}
.jp-panel.panel-success > .panel-heading > .panel-title {
    color: #c3d62d;
}
.jp-panel.panel-danger > .panel-heading > .panel-title {
    color: #f5393d;
}
.jp-panel.panel-dark > .panel-heading > .panel-title {
    color: #2a2f43;
}
.jp-panel.panel-info > .panel-heading > .panel-title {
    color: #4fd8b0;
}
.jp-panel.panel-alert > .panel-heading > .panel-title {
    color: #ffbc0b;
}
.jp-panel .panel-heading .panel-title{
    color: #a9acbd;
}
.jp-panel .panel-heading .panel-title {
    font: 700 20px/24px 'Lato';
    letter-spacing: 0;
    padding: 0;
}
.jp-panel.panel-primary > .panel-heading > .panel-title {
    color: #67d3e0;
}
.bg-primary.dark {
    background-color: #4eccdb !important;
}
.bg-primary {
    background-color: #67d3e0 !important;
    color: #ffffff;
}
.bg-warning.dark {
    background-color: #ff5c03 !important;
}
.bg-warning {
    background-color: #ff7022 !important;
    color: #fff4ee;
}
.bg-system.dark {
    background-color: #4d4773 !important;
}
.bg-system {
    background-color: #5a5386 !important;
    color: #cbc8dd;
}
.bg-success.dark {
    background-color: #aebf25 !important;
}
.bg-success {
    background-color: #c3d62d !important;
    color: #f4f7d8;
}
.bg-danger.dark {
    background-color: #f41c20 !important;
}
.bg-danger {
    background-color: #f5393d !important;
    color: #fffbfb;
}
.bg-dark.dark {
    background-color: #1e2230 !important;
}
.jp-panel .bg-dark,.jp-panel-card.bg-dark {
    background-color: #2a2f43 !important;
    color: #868fb3;
}
.jp-panel-card.bg-default{
    background-color: #fff !important;
    color: #3D4051;
}
.jp-panel-card .panel-content .panel-title {
    font-size: 24px;
    line-height: 48px;
}
.bg-info.dark {
    background-color: #36d2a5 !important;
}
.bg-info {
    background-color: #4fd8b0 !important;
    color: #f6fdfb;
}
.bg-alert.dark {
    background-color: #ebab00 !important;
}
.bg-alert {
    background-color: #ffbc0b !important;
    color: #fff4d7;
}
.bg-light.dark {
    background-color: #F2F2F2;
}
.bg-light {
    background-color: #fafafa;
    color: #666;
}
.jp-panel .panel-heading + .panel-body {
    margin-top: 15px;
}
.jp-panel.panel-border {
    border-style: solid;
    border-width: 0;
}
.jp-panel.panel-border.left {
    border-left-width: 5px;
}
.jp-panel.panel-border.top {
    border-top-width: 5px;
}
.jp-panel.panel-border.right {
    border-right-width: 5px;
}
.jp-panel.panel-border.bottom {
    border-bottom-width: 5px;
}
.jp-panel-card .panel-action {
    border-top: 1px solid rgba(0,0,0,0.05);
    padding: 20px;
}
.jp-panel-card{
    margin: 10px 0 20px 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
    position: relative;
}
.jp-panel-card .panel-content{
    padding: 20px;
    border-radius: 0 0 2px 2px;
    position: relative;
}
.jp-panel-card .panel-action>a {
    margin-right: 20px;
    text-transform: uppercase;
    color: #fff;
}
.jp-panel-card.bg-default .panel-action>a{
    color: #3D4051;
}
.jp-panel-card .panel-image {
    position: relative;
    overflow: hidden;
}
.jp-panel-card .panel-image img {
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
.jp-panel-card .panel-image .panel-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.jp-panel-card .panel-title {
    font-size: 24px;
}
.jp-panel-card .panel-content .panel-profile-img {
    position: relative;
    z-index: 1;
    margin-top: -70px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    padding: 5px;
    background-color: #fff;
}
.jp-panel-card .panel-content .panel-profile-img img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.jp-panel-card .panel-content .panel-button .btn-icon {
    position: relative;
    z-index: 1;
    margin-top: -65px;
}
.jp-panel-card .panel-content .panel-button .btn-icon {
    position: relative;
    z-index: 1;
    margin-top: -65px;
    outline: none;
}
.btn.btn-floating, .btn-group.btn-floating {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
}
.btn.btn-raised, .btn-group.btn-raised, .btn.btn-floating, .btn-group.btn-floating {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.jp-panel-card .panel-image .hover{
    position: absolute;
    z-index: 10;
    width: 86px;
    height: 86px;
    line-height: 86px;
    font-size: 16px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -43px;
    margin-top: -43px;
    background-color: rgba(61, 64, 81, 0.79);
    color:#fff;
    border-radius: 50%;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.jp-panel-card:hover .panel-image .hover{
    -webkit-transform: scale(10) rotate(360deg);
    -moz-transform: scale(10) rotate(360deg);
    -ms-transform: scale(10) rotate(360deg);
    -o-transform: scale(10) rotate(360deg);
    transform: scale(10) rotate(360deg);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    color: transparent;
    opacity: 0.5;
}
.panel-content .jp-num{
    color: #fff;
    font-size: 38px;
    font-weight: bold;
}
.panel-content h3{
    margin: 0;
    font-size: 18px;
    margin-top: 5px;
}
.jp-panel-icon{
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}
.jp-panel-icon i{
    font-size: 100px;
    line-height: 100px;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.panel-heading .panel-tabs {
    position: relative;
    bottom: 0;
    right: 0;
}
.panel-heading{
    position: relative;
}
.panel-heading .panel-title + .nav.panel-tabs {
    bottom: -11px;
}
.panel-tabs > li {
    position: relative;
    float: left;
    margin-bottom: -1px;
}
.panel-tabs > li > a {
    background: #ffffff;
    color: #AAA;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 30px;
    padding: 9px 20px 11px;
    border-radius: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.mr10 {
    margin-right: 10px !important;
}
.ml5 {
    margin-right: 5px !important;
}
.panel-content .icon{
    text-align: center;
    color: #fff;
}
.panel-content .icon i {
    font-size: 60px;
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.jp-panel-card .title {
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}
.title h3 {
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
}
.title p {
    margin: 0;
    padding: 0 20px;
}
.title p {
    padding-bottom: 20px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.85);
}

.bodrad5{
    border-radius: 5px;
}
.title-hover{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.jp-panel-card .panel-image .panel-title.title-hover{
    bottom:-100%;
    left: -100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s ;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.jp-panel-card .panel-image:hover .panel-title.title-hover{
    bottom:0;
    left: 0;
}
.jp-panel-card .panel-image .panel-title h3{
    font-size: 16px;
    font-weight: bold;
}
.jp-panel-card .panel-image .panel-title p{
    font-size: 11px;
    color: rgba(255, 255, 255, 0.85);
}
.panel-main-title,.panel-sub-title{
    position: absolute;
    width: 100%;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s ;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.panel-main-title h3{
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.panel-main-title{
    top: 0;
}
.panel-main-title.title-hover-move-left,.panel-sub-title.title-hover-move-left{
    right: -100%;
}
.panel-main-title.title-hover-move-down{
    top: -100%;
}
.jp-panel-card .panel-image:hover .panel-main-title.title-hover-move-down{
    top: 0;
}
.panel-sub-title.title-hover-move-up{
    bottom: -100%;
}
.jp-panel-card .panel-image:hover .panel-sub-title.title-hover-move-up{
    bottom: 0;
}
.panel-main-title.title-hover-move-right,.panel-sub-title.title-hover-move-right{
    left: -100%;
}

.jp-panel-card .panel-image:hover .panel-main-title.title-hover-move-left,.jp-panel-card .panel-image:hover .panel-sub-title.title-hover-move-left{
    right: 0;
}
.jp-panel-card .panel-image:hover .panel-main-title.title-hover-move-right,.jp-panel-card .panel-image:hover .panel-sub-title.title-hover-move-right{
    left: 0;
}
.jp-panel-card .panel-image:hover .panel-main-title.title-hover{
    top: 0;
}
.jp-panel-card .panel-image:hover .panel-sub-title.title-hover{
    bottom: 0;
}
.panel-sub-title{
    font-size: 12px;
    padding: 10px;
    text-align: center;
    bottom: 0;
}
.panel-sub-title p{
    padding: 0;
    margin: 0;

}
.fade-in{
    opacity: 0;
}
.jp-panel-card .panel-image:hover .panel-main-title.fade-in,.jp-panel-card .panel-image:hover .panel-sub-title.fade-in{
    opacity: 1;
}
.jp-panel-card .panel-image .scale,.body-image .scale{
    transform: scale(1);
    transition-duration: 500ms;
}
.jp-panel-card .panel-image:hover .scale,.card-image:hover .scale{
    transform: scale(1.1);
}
.jp-panel-card.bodrad5 .panel-image img,.jp-panel-card.bodrad5 .panel-image{
    border-radius: 5px;
}
.weather-heading{
    padding: 14px 15px 16px 22px;
}
.weather-heading .weather-heading-top:before,.weather-heading .weather-heading-top:after,.weather-heading .weather-heading-bottom:before,.weather-heading .weather-heading-bottom:after{
    content: " ";
    display: table;
}
.weather-heading .weather-heading-top:after,.weather-heading .weather-heading-bottom:after{
    clear: both;
}
.jp-panel-card h4 {
    color: rgba(255, 255, 255, 0.87);
}
.m-n {
    margin: 0px !important;
}
.jp-panel-card .weather-heading .weather-heading-bottom .weather-symbol {
    margin-top: 20px;
}
.jp-panel-card .weather-heading .weather-heading-bottom .weather-symbol i {
    font-size: 60px;
}
.jp-panel-card .weather-heading .weather-heading-bottom .weather-result {
    font-size: 60px;
    line-height: 3px;
    color: rgba(255, 255, 255, 0.87);
}
.jp-panel-card .weather-heading .weather-heading-bottom .weather-result .weather-details {
    display: inline-block;
    line-height: 12px;
}
.jp-panel-card .weather-heading .weather-heading-bottom .weather-result .weather-details > h4 {
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.jp-panel-card .weather-heading .weather-heading-bottom .weather-result .weather-details > p {
    font-size: 12px;
    margin: 0 0 5px 0;
}
.jp-panel-card .weather-heading .weather-heading-bottom .weather-result .weather-details > p.degree-range {
    font-size: 14px;
    margin: 0;
}
.jp-panel-card .weather-heading .weather-settings {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ffc107;
    text-align: center;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.87);
    line-height: 32px;
}
.demo-grid{
    background: #FFF;
    border: 1px solid #d9d9d9;
    padding: 10px 0;
}
.jp-timeline {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.jp-timeline:before {
    background-color: #d5d5d5;
    bottom: 0px;
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 1px;
    z-index: 0;
}
.jp-timeline .tl-item {
    display: table-row;
    margin-bottom: 5px;
}
.jp-timeline .tl-item:before {
    display: none;
    content: "";
}
.jp-timeline .tl-item .tl-body {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}
.jp-timeline .tl-item .tl-body .tl-entity {
    position: relative;
    margin: 0 0 15px 36px;
}
.jp-timeline .tl-item .tl-caption {
    width: 150px;
    margin-left: -55px;
}
.jp-timeline .tl-item .tl-body .tl-time {
    z-index: 1;
    position: absolute;
    left: auto;
    right: 15px;
    top: 0;
    width: 150px;
    color: #777;
    line-height: 35px;
    text-align: right;
}
.jp-timeline .tl-item .tl-body .tl-icon {
    position: absolute;
    left: -53px;
    top: 0;
}
.jp-timeline .tl-item .tl-body .tl-content {
    position: relative;
    padding: 15px;
    padding-top: 25px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
}
.jp-timeline .tl-item .tl-body .tl-content:after,.jp-timeline .tl-item .tl-body .tl-content:before {
    content: " ";
    line-height: 0;
    position: absolute;
    z-index: -1;
    left: -14px;
    border: 8px solid transparent;
}
.jp-timeline .tl-item .tl-body .tl-content:after{
    top: 14px;
    border-right: 14px solid rgba(255,255,255,0.9);
    border-top: 6px solid rgba(255,255,255,0.9);
}
.jp-timeline .tl-item .tl-body .tl-content:before{
    top:0px;
    border-right: 14px solid rgba(255,255,255,0.9);
    border-bottom: 6px solid rgba(255,255,255,0.9);
}
.jp-timeline .media{
    font-weight:normal;
    color: #a9acbd;
}
.jp-timeline-left,.jp-timeline-right{
    list-style: outside none none;
    margin: 0;
    padding: 30px 0 0;
    position: relative;
    width: 100%;
}
.jp-timeline-left{
    float: left;
}
.jp-timeline-right{
    float: right;
}
.jp-timeline-left::before,.jp-timeline-right::before {
    background: #d5d5d5 none repeat scroll 0 0;
    content: "";
    height: 100%;
    margin-left: -0.5px;
    position: absolute;
    top: 0;
    width: 1px;
}
.jp-timeline-left::before{
    left: 18px;
}
.jp-timeline-right::before{
    right: 18px;
}
.jp-timeline-left > li,.jp-timeline-right > li {

    margin-bottom: 50px;

    position: relative;
    width: 100%;
}
.jp-timeline-left > li{
    float: left;
    padding-left: 60px;
}
.jp-timeline-right > li{
    float: right;
    padding-right: 60px;
}
.jp-timeline-left .tl-icon::before,.jp-timeline-right .tl-icon::before  {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 6px;
    margin-top: -3px;
    position: absolute;

    top: 50%;
    width: 6px;
}
.jp-timeline-left .tl-icon::before{
    right: -14px;
}
.jp-timeline-right .tl-icon::before{
    left: -14px;
}
.jp-timeline-left .tl-icon,.jp-timeline-right .tl-icon{

    margin-top: 14px;
    position: absolute;
    text-align: center;
    top: 0;
}
.jp-timeline-left .tl-icon{
    left: 0;
}
.jp-timeline-right .tl-icon{
    right: 0;
}
.user-activity {
    float: left;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
}
.who-post-this {
    display: table;
    float: left;
    width: 100%;
}
.jp-timeline-right .who-post-this{
    float: right;
}
.jp-timeline-right .who-post-this > span{
    float: right;
}
.who-post-this > span {
    border: 3px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 66px;
    margin-right: 20px;
    overflow: hidden;
    width: 66px;
}
.who-post-this > span img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    width: 100%;
}
.who-post-detail {
    display: table-cell;
    vertical-align: middle;
    width: 100%;

}
.jp-timeline-right .who-post-detail{
    text-align: right;
}
.who-post-detail > h3 {
    float: left;
    line-height: 10px;
    margin: 0 0 5px;
    width: 100%;
}
.jp-timeline-right .who-post-detail > h3{
    float: right;
}
.jp-timeline-right .who-post-detail > h3 > a{
    float: right;
}
.jp-timeline-right .who-post-detail > span,.jp-timeline-right .who-post-detail > span a{
    float: right;
}
.jp-timeline-right .who-post-detail > span a{
    float: none;
}
.who-post-detail > h3 > a {
    color: #2e2e2e;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    padding-right: 20px;
    position: relative;

}
.poster-status.online {
    background: #66cc6e;
}
.poster-status {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
}
.who-post-detail > span, .who-post-detail > span a {
    color: #5e5e5e;
    float: left;
    font-family: Open Sans;
    font-size: 11px;
    font-weight: 400;
    width: 100%;
}
.who-post-detail > span a {
    color: #ff691f;
    float: none;
    width: auto;
}
.who-post-detail > i {
    color: #7b8692;
    font-family: Open Sans;
    font-size: 11px;
    font-style: normal;
}
.post-content {
    float: left;
    padding-top: 20px;
    width: 100%;

}
.jp-timeline-right .post-content{
    text-align: right;
}
.post-content p {
    font-family: Open sans;
    color: #777777;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 0.3px;
}
.post-gallery {
    float: left;
    width: 100%;
}
.jp-timeline-right .post-gallery,.jp-timeline-right .post-gallery > a{
    float: right;
}
.post-gallery > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-right: 2px;
    overflow: hidden;
}
.jp-timeline-right .comment-form,.jp-timeline-right .comment-form > span{
    float: right;
}
.comment-form {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin-top: 20px;
    padding: 20px 20px 10px;
    position: relative;
    width: 100%;
}
.comment-form::before {
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    left: 20px;
    position: absolute;
    top: -6px;
}
.comment-form > span,.footer-image>span {
    color: #a2a2a2;
    float: left;
    font-family: open sans;
    font-size: 11px;
    margin-right: 12px;
}
.comment-form > form {
    float: left;
    padding-top: 9px;
    width: 100%;
}
.app{
    position: relative;
    min-height: 100%;
    height: 100%;
    background: #efefef;
}
html {
    position: relative;
    min-height: 100%;
    height: 100%;
    background: none;
}
.pagesigin .page-content{
    margin-top: 50px;
    padding: 0 10px;
}
.pagesigin .page-mid{
    max-width: 480px;
    margin: 10px auto;
}
.sigin-body{
    position: relative;
    padding: 20px;
}
.sigin-body:before,.sigin-body:after{
    z-index: -1;
    content: ' ';
    line-height: 0;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #009688;
    height: 120px;
    border-radius: 5px;
}
.sigin-body:before{
    bottom: 0;
}
.sigin-body:after{
    top: 0;
}
.sigin-body .jp-panel-card{
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.sigin-body .jp-panel-card .panel-action{
    border: 0;
}
.other-info{
    text-align: center;
    font-size: 12px;
}
.sigin-body .other-info a{
    color: #fafafa;
    text-decoration: none;
}
.sigin-body .other-info .divider-h{
    border-right: 1px solid #fafafa;
    margin: 0 15px;
}
.text-small {
    font-size: 12px;
    padding: 10px;
    padding-left: 0;
}
.body-err{
    background-color: #262B33;
}
.blank-content{
    overflow: hidden;
    min-height: 100%;
}
.blank-content .section-header{
    margin-left: 15px;
}
.bg-icon{
    font-size: 250px;
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
    margin-top: 10px;
}
.panel-popover .panel-body,.panel-popover .panel-body .static-popovers{
    padding-left: 0;
    padding-right: 0;
}
.page-profile{

}
.page-profile .profile-header{
    position: relative;
    padding: 50px 30px 90px;
    background: url("../img/bg.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.page-profile .profile-social {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 10px;

}
.page-profile .profile-social>a {
    margin-right: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.page-profile .profile-img img {
    max-width: 120px;
    height: auto;
    box-shadow: 0 0 0 5px rgba(255,255,255,0.5),0 0 10px rgba(0,0,0,0.2);
}
.page-profile .profile-img {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    z-index: 1;
}
.page-profile .profile-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
    line-height: 20px;
    color: #fafafa;
}
.page-profile .profile-info ul li a{
    color: #fafafa;
}
.page-profile .profile-info ul li{
    padding-top:10px ;
    padding-bottom: 10px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s;
}
.page-profile .profile-info ul li i{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.page-profile .profile-info ul li.active i{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.page-profile .profile-info ul li.active{
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s;
}
.page-profile .profile-info ul li .text-muted{
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s;
}
.page-profile .profile-info ul li.active .text-muted{
    color: #fafafa;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s;
}
.page-profile .profile-info ul {
    margin: 0;
    padding: 0px 30px;
}
.page-profile .profile-content{
    padding: 0px 30px;
}
.divider-lg {
    margin-top: 30px;
    margin-bottom: 30px;
}
.p-card-block .box-info {
    display: inline-block;
    vertical-align: top;
}
.p-card-block .box-info p {
    margin: 0;
    padding: 0;
}
.mini-box {
    min-height: 120px;
    padding: 25px;
}
.mini-box .jp-btn{
    margin-right: 15px;
}
.panel .panel-heading h2,.jp-panel .panel-heading h2 {
    height: 100%;
    width: auto;
    float: left;
    position: relative;
}
.panel .panel-heading h2,.jp-panel .panel-heading h2 {
    font-size: 13px;
    font-weight: 500;
    padding: 14px 0 14px;
    margin: 0;
    line-height: 20px;
    opacity: 0.75;
    text-transform: uppercase;
}
.panel .panel-heading::after,.jp-panel .panel-heading::after{
    clear: both;
    content: "";
    display: table;
}
.panel.user>.panel-heading,.jp-panel.user>.panel-heading{
    padding-top: 0;
    padding-bottom: 0;
    color: #9e9e9e;
    border: 0;
}
.user-info{
    display: table;
    padding-bottom: 5px;
}
.user-info .icon{
    font-size: 18px;
    display: table-cell;
    padding: 0;
}
.user-info span{
    font-size: 12px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 10px;
}
.user .panel-body ul {
    margin-top: 32px;
    margin-bottom: 0;
    margin-left: 0;
}
.user .panel-body ul {
    margin-top: 48px!important;
}
.user .panel-body ul li {
    padding-left: 2px;
    padding-right: 2px;
}
.user .panel-body ul li a {
    display: block;
    width: 24px;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    height: 24px;
    line-height: 24px;
}
.user .panel-body ul li a i {
    color: #757575;
}
.gallery-image{
    position: relative;
    overflow: hidden;
}
.gallery-image img {
    margin: 0 auto 16px;
    transform: scale(1);
    transition-duration: 500ms;
    cursor: pointer;
}
.gallery-image:hover img{
    transform: scale(1.5);
}
.panel.user .panel-footer,.jp-panel.user .panel-footer{
    background-color: transparent;
    border: 0;
}
.panel.user .panel-footer a,.jp-panel.user .panel-footer a{
    color: #9e9e9e;
}
.media-body .time{
    font-size: 12px;
    color: #9e9e9e;
}
.bcheck label {
    color: #444;
    padding-left: 10px;
}
.body-image{
    position: relative;
    overflow: hidden;
}
.body-image img{
    width: 100%;
}
.footer-image{
    padding: 10px 10px;
}
.card-image{
    border: 1px solid #d5d5d5;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 20px;
}
.footer-image:after{
    content: "";
    display: block;
    clear: both;
}
.card-image:hover{
    border: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.progress.progress-m{
    height: 15px;
}
.progress.progress-s{
    height: 10px;
}
.progress.progress-xs{
    height: 5px;
}
.f-12{
    font-size: 12px;
}

.panel-invoice{
    color: #3D4051;
}
.invoice-logo{
    font-size: 36px;
}
.invoice-logo i{
    margin-right: 15px;
}
.invoice-address{
    margin-top: 20px;
    font-size: 12px;
}
.panel-invoice .text-muted{
    color: #bdbdbd;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.product-detail .table-bordered{
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
}
.product-detail .table-bordered,.product-detail .table-bordered>thead>tr>th,.product-detail .table-bordered>tbody>tr>td{
    border: 1px solid #f1f1f1;
}
.table-hover > tbody > tr:hover {
    background-color: #fafafa;
}
.invoice-sum li {
    margin-bottom: 5px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 2px;
}
.table{
    color: #3D4051;
}
.label-success,.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #AEBF25;
    color: #fff;
    border: 0;
}
.label-info,.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #68DEBB;
    color: #fff;
    border: 0;
}
.label-warning,.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    background-color: #FF8441;
    color: #fff;
    border: 0;
}
.label-danger,.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    background-color: #F6565A;
    color: #fff;
    border: 0;
}
.label-primary,.table>tbody>tr.primary>td, .table>tbody>tr.primary>th, .table>tbody>tr>td.primary, .table>tbody>tr>th.primary, .table>tfoot>tr.primary>td, .table>tfoot>tr.primary>th, .table>tfoot>tr>td.primary, .table>tfoot>tr>th.primary, .table>thead>tr.primary>td, .table>thead>tr.primary>th, .table>thead>tr>td.primary, .table>thead>tr>th.primary {
    background-color: #80DAE5;
    color: #fff;
    border: 0;
}
.label-alert,.table>tbody>tr.alert>td, .table>tbody>tr.alert>th, .table>tbody>tr>td.alert, .table>tbody>tr>th.alert, .table>tfoot>tr.alert>td, .table>tfoot>tr.alert>th, .table>tfoot>tr>td.alert, .table>tfoot>tr>th.alert, .table>thead>tr.alert>td, .table>thead>tr.alert>th, .table>thead>tr>td.alert, .table>thead>tr>th.alert {
    background-color: #FFC42A;
    color: #fff;
    border: 0;
}
.label-system,.table>tbody>tr.system>td, .table>tbody>tr.system>th, .table>tbody>tr>td.system, .table>tbody>tr>th.system, .table>tfoot>tr.system>td, .table>tfoot>tr.system>th, .table>tfoot>tr>td.system, .table>tfoot>tr>th.system, .table>thead>tr.system>td, .table>thead>tr.system>th, .table>thead>tr>td.system, .table>thead>tr>th.system {
    background-color: #675F99;
    color: #fff;
    border: 0;
}
.label-dark,.table>tbody>tr.dark>td, .table>tbody>tr.dark>th, .table>tbody>tr>td.dark, .table>tbody>tr>th.dark, .table>tfoot>tr.dark>td, .table>tfoot>tr.dark>th, .table>tfoot>tr>td.dark, .table>tfoot>tr>th.dark, .table>thead>tr.dark>td, .table>thead>tr.dark>th, .table>thead>tr>td.dark, .table>thead>tr>th.dark {
    background-color: #363C56;
    color: #fff;
    border: 0;
}
.jp-panel.no-padding{
    padding: 0px;
}
.jp-panel.no-border{
    border: 0;
}
.jp-panel>.panel-heading.pd15{
    padding:0px 15px;
}
.jp-panel.no-padding .panel-body{
    padding: 0px;
}
.mgt3{
    margin-top: 3px;
}
.jp-panel.no-margin .panel-heading + .panel-body,.jp-panel.no-padding .panel-body table{
    margin: 0;
}
button[disabled].jp-btn{
    cursor: not-allowed;
}
.card{
    width: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
    border-radius: 10px;
    margin-bottom: 32px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
}
.card-logo{
    padding: 10px 20px;
    font-size: 32px;
    position: relative;
}
.card-logo .card-title{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    font-weight:bold;
    padding: 20px 20px;
    font-size: 14px;
}
.card .card-nums{
    text-align: center;
    font-weight:bold;
    padding: 20px;
    font-size: 24px;
    margin-bottom: 10px;
}

.card .card-bottom{
    padding: 25px;
    position: relative;
}
.card .card-expiry{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 0px 20px;
}
.card .card-expiry .card-date-title{
    font-size: 12px;
    font-weight: bold;
}
.card .card-expiry .card-valid,.card .card-expiry .card-date{
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: bold;
}
.card .card-expiry .card-date{
    margin-top: 7px;
    margin-left: 20px;
    font-size: 14px;
    margin-right: 8px;
}
.card-back .front{
    transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
}
.card-back .card.back{
    z-index: 1;
    transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
}
.back .card-mask{
    margin-top: 10px;
    padding: 20px;
    background-color: rgba(0,0,0,0.5);
}
.back .card-cvc-block{
    padding: 15px;
    width: 80%;
    background-color: rgba(255,255,255,0.7);
    display: inline-block;
    float: left;
}
.back .card-cvc-text{
    display: inline-block;
    line-height: 30px;
    height: 30px;
    margin-left: 10px;
    float: left;
}
.card.back{
    transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:-1;
    left:0px;
    top: 0px;
}
.card-wrap{
    position: relative;
}
.step{
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.step>li{
    float: left;
    width: 100%;
    display: block;
    padding: 0;
}
.step>li a{
    background: #94E0E9;
    color: #fff;
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    outline: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.step>li.active a{
    background: #67d3e0;
    cursor: default;
}
.step>li.disabled a,.step>li.disabled a:hover,.step>li.disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
    box-shadow: none;
}
.step-bottom{
    margin: 0.5em;
    text-align: right;
}
.step-content{
    background-color: #eee;
    display: block;
    margin: 0.5em;
    min-height: 25em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2.5%;
}
.vertical .step>li {
    float: none;
    width: 100%;
}
@media (min-width: 600px){
    .step>li {
        width: 25%;
    }
    .vertical .step{
        display: inline;
        float: left;
        width: 30%;
    }
    .vertical>.tab-content {
        display: inline;
        float: left;
        margin: 0 2.5% 0.5em 2.5%;
        width: 65%;
    }
}
@media only screen and (max-width: 800px){
    .table-flip-scroll table {
        display: block;
        position: relative;
        width: 100%;
    }
}
@media only screen and (max-width: 800px){
    .table-flip-scroll table {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
    }
    .table-flip-scroll thead {
        display: block;
        float: left;
    }
    .table-flip-scroll thead tr {
        display: block;
    }
    .table-flip-scroll .table>thead>tr>th:first-child {
        border-top: 1px solid #ddd;
    }
    .table-flip-scroll th {
        display: block;
        text-align: right;
    }
    .table-flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
    .table-flip-scroll tbody tr {
        border-left: 1px solid #babcbf;
    }
    .table-flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    .table-flip-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .table-flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }
}
.table>thead>tr>th{
    border-bottom: 1px solid #f1f1f1;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,.table-bordered{
    border-top: 1px solid #f1f1f1;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border: 1px solid #f1f1f1;
}
.panel-line .panel-heading{
    height: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
    margin-right: 10px;
}
div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}
.m-n {
    margin: 0px !important;
}
div.dataTables_paginate span{
    float: left;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
div.dataTables_paginate span .paginate_button{
    position: relative;
    display: inline-block;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #3D4051;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
}
div.dataTables_paginate span .current{
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #009688;
    border-color: #009688;
}
div.dataTables_paginate span .paginate_button:hover{
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
div.dataTables_paginate .previous{
    margin: 20px 0;
    padding: 6px 12px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0;
    color: #777;
    cursor: pointer;
    background-color: #fff;
    border-color: #ddd;
    line-height: 1.42857143;
    position: relative;
    float: left;
    border: 1px solid #ddd;
    text-decoration: none;
}
div.dataTables_paginate .next{
    margin: 20px 0;
    padding: 6px 12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 0;
    color: #777;
    cursor: pointer;
    background-color: #fff;
    border-color: #ddd;
    line-height: 1.42857143;
    position: relative;
    float: left;
    border: 1px solid #ddd;
    text-decoration: none;
}
div.dataTables_paginate .previous.disabled,div.dataTables_paginate .next.disabled{
    cursor: not-allowed;
}
.dataTables_info{
    padding-top: 8px;
    float: left;
    font-size: 12px;
    margin: 10px;
}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{
    margin: 8px 0px;
}
.dataTables_wrapper .dataTables_length{
    float: right;
    line-height: 28px;
    margin-right: 10px;
}
.dataTables_wrapper .dataTables_filter{
    float: right;
}
.dataTable th{
    cursor: pointer;
}
.dataTables_wrapper .dataTables_length select{
    outline: 1px solid transparent;
    -webkit-transition: outline-color 0.5s ease;
    transition: outline-color ease 0.5s;
    z-index: 10;
    margin: 0;
    padding: 0px 10px;
    color: #626262;
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #FFF;
    border: 1px solid #DDD;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: normal;
    border-color: #67d3e0;
}
.dataTables_wrapper .dataTables_filter input{
    padding: 10px;
    outline: 1px solid transparent;
    -webkit-transition: outline-color 0.5s ease;
    transition: outline-color ease 0.5s;
    position: relative;
    vertical-align: top;
    border: 1px solid #DDD;
    display: -moz-inline-stack;
    display: inline-block;
    color: #626262;
    outline: none;
    height: 32px;
    margin-left: 10px;
}
.dataTables_wrapper .dataTables_filter input:hover{
    border-color: #67d3e0;
}
.dataTables_wrapper .dataTables_filter input:focus{
    border-width: 2px;
}
.dataTables_wrapper .dataTables_filter label{
    line-height: 32px;
}
.jp-i-group input[type='file']{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}
.jp-i-group:hover input[type='file']+.jp-i-input{
    border-color: #67d3e0;
 }
.error-info{
    color: rgb(213,0,0);
    font-size: 12px;
    margin-top: 5px;
    float: left;
    width: 100%;
    height: 0px;
    overflow: hidden;
    display: none;
}
.error-show .error-info{
    display: block;
}
.touchspin-btn button{
    display: block;
}
.touchspin-btn{
    position: absolute;
    top:1px;
    right: 0px;
    height: 100%;
}
.touchspin-btn div{
    height: 50%;
    width: 32px;
    text-align: center;
    cursor: pointer;
}
.touchspin-btn div:hover{
    background-color: rgba(0,0,0,0.1);
}
.touchspin-wrap{
    position: relative;
}
@media (min-width: 768px){
    .card .card-name{
        font-size: 20px;
    }
    .product-detail{
        padding: 0px 15px;
    }
    .jp-panel{
        padding: 25px;
    }
    .jp-panel.panel-invoice{
        margin-left:  15px;
        margin-right:  15px;
        padding-left:15px;
        padding-right:15px;
    }
    .jp-print .jp-panel.panel-invoice{
        margin: 0;
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .jppage {
        padding: 15px 30px;
    }
    .body-err .pagesigin .page-mid{
        max-width: 580px;
    }
    .body-err .err h1 {
        font-size: 180px;
        margin-bottom: 35px;
        font-size: 150px;
        font-weight: 300;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    }
    .body-err .err h2{
        font-size: 36px;
        margin: 0;
        font-weight: 300;
        font-size: 28px;
        text-transform: uppercase;
    }
    .pagesigin .page-content{
        margin-top: 150px;
    }
    .jp-timeline .tl-item:before {
        display: block;
        width: 50%;
    }
    .jp-timeline .tl-item .tl-caption {
        margin-left: -105px;
    }
    .jp-timeline .tl-item .tl-body .tl-time {
        left: -220px;
        right: auto;
        color: #3D4051;
    }
    .jp-timeline .tl-item.alt {
        text-align: right;
    }
    .jp-timeline .tl-item.alt:after {
        content: "";
        display: block;
        width: 50%;
    }
    .jp-timeline .tl-item.alt:before{display:none}
    .jp-timeline .tl-item.alt .tl-body .tl-entity {
        margin: 0 35px 15px 0;
    }
    .jp-timeline .tl-item.alt .tl-body .tl-time {
        right: -220px;
        left: auto;
        text-align: left;
    }
    .jp-timeline .tl-item.alt .tl-body .tl-icon {
        right: -53px;
        left: auto;
    }
    .jp-timeline .tl-item.alt .tl-body .tl-content:after {
        right: -14px;
        left: auto;
        border: 8px solid transparent;
        border-left: 14px solid rgba(255,255,255,0.9);
        border-top: 6px solid rgba(255,255,255,0.9);
    }
    .jp-timeline .tl-item.alt .tl-body .tl-content:before{
        right: -14px;
        top:0px;
        left: auto;
        border: 8px solid transparent;
        border-left: 14px solid rgba(255,255,255,0.9);
        border-bottom: 6px solid rgba(255,255,255,0.9);
    }
    .header-content>.logo{display: inline-block;width: 220px;}
    .header-content .top-nav{padding: 0 0 0 220px;}
    .top-nav .unshow{display: block;}
    .top-nav li>a{padding: 22px 20px;}
    .main-content{padding-top: 64px;}
    .main-content .nav-content{top: 64px;}
    .main-content .nav-content{display: block;}
    .collapsed-min>.logo{width: 60px;}
    .collapsed-min>.top-nav{padding: 0 0 0 60px;}
    .main-content>.collapsed-min .left-menu>li>a{padding: 15px 15px;text-align: center;}
    .main-content>.collapsed-min .left-menu>li>a>i{font-size: 22px;margin: 0;}
    .main-content>.collapsed-min .left-menu>li>a>span{display: none;}
    .main-content>.collapsed-min .left-menu>li>a>.icon-has-ul{display: none;}
    .main-content>.content-collapsed-min{margin-left: 60px;}
    .main-content>.collapsed-min .left-menu>li>ul{
        z-index: 9;
        position: absolute;
        left: 100%;
        top: 0;
        width: 220px;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    }
    .main-content>.collapsed-min .left-menu>li:hover>ul{display: block !important;}
    .main-content>.collapsed-min .left-menu {
        overflow: visible !important;
    }
    .main-content>.collapsed-min .slimScrollDiv{
        overflow: visible !important;
        height: auto !important;
    }
    .main-content>.collapsed-min .left-menu>li:hover a{
        background-color: #1f242a;
    }
    .content{
        margin-left: 220px;
    }
    .jp-select>select{
        padding: 9px 20px;
    }
    .bootstrap-wysihtml5-insert-image-modal.modal,.bootstrap-wysihtml5-insert-link-modal.modal{
        width: 560px;
        padding-right: 0px !important;
        left: 50%;
        margin-left: -280px;
        top: 50%;
        margin-top: -250px;
    }
    .modal.modal-sm {
        width: 300px;
        left: 50%;
        margin: -250px 0 0 -150px;
    }
    .modal.modal-lg {
        width: 900px;
        left: 50%;
        margin: -250px 0 0 -450px;
    }
    .modal{
        margin: -250px 0 0 -300px;
        width: 600px;
        left: 50%;
    }
    .panel-heading .panel-tabs{
        position: absolute;
    }
    .jp-timeline:before {
        left: 50%;
    }
}